@momentum-design/components 0.105.2 → 0.105.3

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.
Files changed (26) hide show
  1. package/dist/browser/index.js +234 -239
  2. package/dist/browser/index.js.map +4 -4
  3. package/dist/components/buttonsimple/buttonsimple.component.d.ts +1 -1
  4. package/dist/components/buttonsimple/buttonsimple.component.js +2 -2
  5. package/dist/components/checkbox/checkbox.component.d.ts +3 -2
  6. package/dist/components/checkbox/checkbox.component.js +11 -2
  7. package/dist/components/input/input.component.d.ts +3 -7
  8. package/dist/components/input/input.component.js +11 -11
  9. package/dist/components/radio/radio.component.d.ts +3 -9
  10. package/dist/components/radio/radio.component.js +10 -12
  11. package/dist/components/searchfield/searchfield.component.d.ts +2 -2
  12. package/dist/components/searchfield/searchfield.component.js +2 -1
  13. package/dist/components/select/select.component.d.ts +3 -3
  14. package/dist/components/select/select.component.js +10 -3
  15. package/dist/components/textarea/textarea.component.d.ts +2 -6
  16. package/dist/components/textarea/textarea.component.js +11 -11
  17. package/dist/components/toggle/toggle.component.d.ts +2 -7
  18. package/dist/components/toggle/toggle.component.js +11 -12
  19. package/dist/custom-elements.json +1412 -1266
  20. package/dist/react/index.d.ts +4 -4
  21. package/dist/react/index.js +4 -4
  22. package/dist/utils/mixins/AutoFocusOnMountMixin.d.ts +7 -0
  23. package/dist/utils/mixins/{AutoFocusMixin.js → AutoFocusOnMountMixin.js} +17 -8
  24. package/dist/utils/mixins/FormInternalsMixin.d.ts +0 -1
  25. package/package.json +1 -1
  26. package/dist/utils/mixins/AutoFocusMixin.d.ts +0 -6
package/dist/custom-elements.json CHANGED
@@ -4,149 +4,63 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "components/accordion/accordion.component.js",
7
+ "path": "components/accordionbutton/accordionbutton.component.js",
8
8
  "declarations": [
9
9
  {
10
10
  "kind": "class",
11
- "description": "An accordion contains a header and body section with a focusable heading that can be expanded or collapsed.\n\nThe header section contains:\n- Prefix Icon\n- Header Text\n- Leading Slot - Contains the leading controls of the accordion on the header section. This will be placed on the leading side, after the header text.\n- Trailing Slot - Contains the trailing controls of the accordion on the header section. This will be placed on the trailing side, before the expand/collapse button.\n\nThe body section contains:\n- Default slot - User can place any content inside the body section.\n\nThe accordion can be expanded or collapsed. The visibility of the body section can be controlled by `expanded` attribute. <br/>\nThere are two types of variants based on that the border styling of the accordion gets reflected. <br/>\nThere are two sizes of accordion, one is small and the other is large.\nSmall size has a padding of 1rem (16px) and large size has a padding of 1.5rem (24px) for the body section of accordion.\n\nBy default, the header text in the accordion heading is of H3 with an aria-level of '3'.\nIf this accordion is placed on any other level in the entire webpage, then do adjust the aria-level number based on that.\n\nAn accordion can be disabled, and when it's disabled, the header section will not be clickable.\n\nIf you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n\nIf an accordion is expanded by default, then the screen reader might loose focus when toggling the visibilty of the accordion.",
12
- "name": "Accordion",
11
+ "description": "An accordion button contains a header and body section with optional slots inside the heading which are focusable.\n\nThe header section contains:\n- Prefix Icon\n- Header Text\n\nThe body section contains:\n- Default slot - User can place any content inside the body section.\n\nThe accordion button can be expanded or collapsed. The visibility of the body section can be controlled by `expanded` attribute. <br/>\nThere are two types of variants based on that the border styling of the accordion gets reflected. <br/>\nThere are two sizes of accordion, one is small and the other is large.\nSmall size has a padding of 1rem (16px) and large size has a padding of 1.5rem (24px) for the body section of accordion.\n\nBy default, the header text in the accordion heading is of H3 with an aria-level of '3'.\nIf this accordion is placed on any other level in the entire webpage, then do adjust the aria-level number based on that.\n\nAn accordion can be disabled, and when it's disabled, the header section will not be clickable.\n\nIf you do need any controls on your accordion heading, then it's advised to use `accordion` component.\n\nIf an accordion button is expanded by default, then the screen reader might loose focus when toggling the visibilty of the accordion button.",
12
+ "name": "AccordionButton",
13
13
  "cssProperties": [
14
14
  {
15
- "description": "The border color of the accordion.",
16
- "name": "--mdc-accordionbutton-border-color",
17
- "inheritedFrom": {
18
- "name": "AccordionButton",
19
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
20
- }
15
+ "description": "The border color of the accordion button.",
16
+ "name": "--mdc-accordionbutton-border-color"
21
17
  },
22
18
  {
23
- "description": "The hover color of the accordion.",
24
- "name": "--mdc-accordionbutton-hover-color",
25
- "inheritedFrom": {
26
- "name": "AccordionButton",
27
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
28
- }
19
+ "description": "The hover color of the accordion button.",
20
+ "name": "--mdc-accordionbutton-hover-color"
29
21
  },
30
22
  {
31
- "description": "The active color of the accordion.",
32
- "name": "--mdc-accordionbutton-active-color",
33
- "inheritedFrom": {
34
- "name": "AccordionButton",
35
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
36
- }
23
+ "description": "The active color of the accordion button.",
24
+ "name": "--mdc-accordionbutton-active-color"
37
25
  },
38
26
  {
39
- "description": "The disabled color of the accordion.",
40
- "name": "--mdc-accordionbutton-disabled-color",
41
- "inheritedFrom": {
42
- "name": "AccordionButton",
43
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
44
- }
27
+ "description": "The disabled color of the accordion button.",
28
+ "name": "--mdc-accordionbutton-disabled-color"
45
29
  }
46
30
  ],
47
31
  "cssParts": [
48
32
  {
49
- "description": "The header section of the accordion.",
50
- "name": "header-section",
51
- "inheritedFrom": {
52
- "name": "AccordionButton",
53
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
54
- }
55
- },
56
- {
57
- "description": "The leading header of the accordion.",
58
- "name": "leading-header",
59
- "inheritedFrom": {
60
- "name": "AccordionButton",
61
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
62
- }
33
+ "description": "The header section of the accordion button.",
34
+ "name": "header-section"
63
35
  },
64
36
  {
65
- "description": "The trailing header of the accordion.",
66
- "name": "trailing-header",
67
- "inheritedFrom": {
68
- "name": "AccordionButton",
69
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
70
- }
37
+ "description": "The header button section of the accordion button.",
38
+ "name": "header-button-section"
71
39
  },
72
40
  {
73
- "description": "The trailing header button of the accordion.",
74
- "name": "trailing-header__button"
41
+ "description": "The leading header of the accordion button.",
42
+ "name": "leading-header"
75
43
  },
76
44
  {
77
- "description": "The body section of the accordion.",
78
- "name": "body-section",
79
- "inheritedFrom": {
80
- "name": "AccordionButton",
81
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
82
- }
45
+ "description": "The trailing header of the accordion button.",
46
+ "name": "trailing-header"
83
47
  },
84
48
  {
85
- "description": "The header button section of the accordion button.",
86
- "name": "header-button-section",
87
- "inheritedFrom": {
88
- "name": "AccordionButton",
89
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
90
- }
49
+ "description": "The trailing header icon of the accordion button.",
50
+ "name": "trailing-header__icon"
91
51
  },
92
52
  {
93
- "description": "The trailing header icon of the accordion button.",
94
- "name": "trailing-header__icon",
95
- "inheritedFrom": {
96
- "name": "AccordionButton",
97
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
98
- }
53
+ "description": "The body section of the accordion button.",
54
+ "name": "body-section"
99
55
  }
100
56
  ],
101
57
  "slots": [
102
- {
103
- "description": "The leading controls slot of the accordion on the header section.",
104
- "name": "leading-controls"
105
- },
106
- {
107
- "description": "The trailing controls slot of the accordion on the header section.",
108
- "name": "trailing-controls"
109
- },
110
58
  {
111
59
  "description": "The default slot contains the body section of the accordion. User can place anything inside this body slot.",
112
- "name": "default",
113
- "inheritedFrom": {
114
- "name": "AccordionButton",
115
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
116
- }
60
+ "name": "default"
117
61
  }
118
62
  ],
119
63
  "members": [
120
- {
121
- "kind": "method",
122
- "name": "renderHeader",
123
- "privacy": "protected",
124
- "return": {
125
- "type": {
126
- "text": ""
127
- }
128
- },
129
- "description": "Renders the header section of the accordion.\nThis includes the leading icon, text and controls, and the trailing controls.\nThe trailing controls include the expand/collapse button.\nThe button is disabled if the accordion is disabled.\nThe button is also given the aria-controls attribute set to the id of the body section.\nThe button is also given the aria-expanded attribute set to the expanded state of the accordion.\nThe prefix icon of the button is set to the expanded state of the accordion.",
130
- "inheritedFrom": {
131
- "name": "AccordionButton",
132
- "module": "components/accordionbutton/accordionbutton.component.js"
133
- }
134
- },
135
- {
136
- "kind": "field",
137
- "name": "disabled",
138
- "type": {
139
- "text": "boolean | undefined"
140
- },
141
- "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
142
- "default": "undefined",
143
- "attribute": "disabled",
144
- "reflects": true,
145
- "inheritedFrom": {
146
- "name": "DisabledMixin",
147
- "module": "utils/mixins/DisabledMixin.js"
148
- }
149
- },
150
64
  {
151
65
  "kind": "field",
152
66
  "name": "size",
@@ -156,11 +70,7 @@
156
70
  "description": "The size of the accordion item.",
157
71
  "default": "'small'",
158
72
  "attribute": "size",
159
- "reflects": true,
160
- "inheritedFrom": {
161
- "name": "AccordionButton",
162
- "module": "components/accordionbutton/accordionbutton.component.js"
163
- }
73
+ "reflects": true
164
74
  },
165
75
  {
166
76
  "kind": "field",
@@ -171,11 +81,7 @@
171
81
  "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
172
82
  "default": "'default'",
173
83
  "attribute": "variant",
174
- "reflects": true,
175
- "inheritedFrom": {
176
- "name": "AccordionButton",
177
- "module": "components/accordionbutton/accordionbutton.component.js"
178
- }
84
+ "reflects": true
179
85
  },
180
86
  {
181
87
  "kind": "field",
@@ -186,11 +92,7 @@
186
92
  "description": "The aria level of the accordion component.",
187
93
  "default": "3",
188
94
  "attribute": "data-aria-level",
189
- "reflects": true,
190
- "inheritedFrom": {
191
- "name": "AccordionButton",
192
- "module": "components/accordionbutton/accordionbutton.component.js"
193
- }
95
+ "reflects": true
194
96
  },
195
97
  {
196
98
  "kind": "field",
@@ -201,11 +103,7 @@
201
103
  "description": "The visibility of the accordion button.",
202
104
  "default": "false",
203
105
  "attribute": "expanded",
204
- "reflects": true,
205
- "inheritedFrom": {
206
- "name": "AccordionButton",
207
- "module": "components/accordionbutton/accordionbutton.component.js"
208
- }
106
+ "reflects": true
209
107
  },
210
108
  {
211
109
  "kind": "field",
@@ -215,11 +113,7 @@
215
113
  },
216
114
  "description": "The header text of the accordion item.",
217
115
  "attribute": "header-text",
218
- "reflects": true,
219
- "inheritedFrom": {
220
- "name": "AccordionButton",
221
- "module": "components/accordionbutton/accordionbutton.component.js"
222
- }
116
+ "reflects": true
223
117
  },
224
118
  {
225
119
  "kind": "field",
@@ -228,11 +122,7 @@
228
122
  "text": "IconNames | undefined"
229
123
  },
230
124
  "description": "The leading icon that is displayed before the header text.",
231
- "attribute": "prefix-icon",
232
- "inheritedFrom": {
233
- "name": "AccordionButton",
234
- "module": "components/accordionbutton/accordionbutton.component.js"
235
- }
125
+ "attribute": "prefix-icon"
236
126
  },
237
127
  {
238
128
  "kind": "method",
@@ -243,11 +133,7 @@
243
133
  "text": "void"
244
134
  }
245
135
  },
246
- "description": "Handles the click event of the header section.\nIf the accordion is disabled, it will not toggle the expanded state.\nIt will dispatch the `shown` event with the current expanded state.",
247
- "inheritedFrom": {
248
- "name": "AccordionButton",
249
- "module": "components/accordionbutton/accordionbutton.component.js"
250
- }
136
+ "description": "Handles the click event of the header section.\nIf the accordion is disabled, it will not toggle the expanded state.\nIt will dispatch the `shown` event with the current expanded state."
251
137
  },
252
138
  {
253
139
  "kind": "method",
@@ -258,11 +144,7 @@
258
144
  "text": "void"
259
145
  }
260
146
  },
261
- "description": "Dispatches the `shown` event with the current expanded state.\nThe event is cancelable and bubbles.\nThe event detail contains the current expanded state.",
262
- "inheritedFrom": {
263
- "name": "AccordionButton",
264
- "module": "components/accordionbutton/accordionbutton.component.js"
265
- }
147
+ "description": "Dispatches the `shown` event with the current expanded state.\nThe event is cancelable and bubbles.\nThe event detail contains the current expanded state."
266
148
  },
267
149
  {
268
150
  "kind": "method",
@@ -282,11 +164,7 @@
282
164
  "description": "The KeyboardEvent fired."
283
165
  }
284
166
  ],
285
- "description": "Handles the keydown event of the component.\nIf the key pressed is either Enter or Space, it calls the handleHeaderClick method.\nThis allows keyboard users to toggle the accordion button using these keys.",
286
- "inheritedFrom": {
287
- "name": "AccordionButton",
288
- "module": "components/accordionbutton/accordionbutton.component.js"
289
- }
167
+ "description": "Handles the keydown event of the component.\nIf the key pressed is either Enter or Space, it calls the handleHeaderClick method.\nThis allows keyboard users to toggle the accordion button using these keys."
290
168
  },
291
169
  {
292
170
  "kind": "method",
@@ -305,11 +183,7 @@
305
183
  "text": "IconNames"
306
184
  }
307
185
  }
308
- ],
309
- "inheritedFrom": {
310
- "name": "AccordionButton",
311
- "module": "components/accordionbutton/accordionbutton.component.js"
312
- }
186
+ ]
313
187
  },
314
188
  {
315
189
  "kind": "method",
@@ -319,10 +193,16 @@
319
193
  "type": {
320
194
  "text": "TemplateResult | typeof nothing"
321
195
  }
322
- },
323
- "inheritedFrom": {
324
- "name": "AccordionButton",
325
- "module": "components/accordionbutton/accordionbutton.component.js"
196
+ }
197
+ },
198
+ {
199
+ "kind": "method",
200
+ "name": "renderHeader",
201
+ "privacy": "protected",
202
+ "return": {
203
+ "type": {
204
+ "text": "TemplateResult"
205
+ }
326
206
  }
327
207
  },
328
208
  {
@@ -334,11 +214,7 @@
334
214
  "text": ""
335
215
  }
336
216
  },
337
- "description": "Returns the icon name based on the expanded state.\nIf the accordion button is disabled, it always returns the arrow down icon.\nOtherwise, it returns the arrow up icon if the accordion button is expanded, otherwise the arrow down icon.",
338
- "inheritedFrom": {
339
- "name": "AccordionButton",
340
- "module": "components/accordionbutton/accordionbutton.component.js"
341
- }
217
+ "description": "Returns the icon name based on the expanded state.\nIf the accordion button is disabled, it always returns the arrow down icon.\nOtherwise, it returns the arrow up icon if the accordion button is expanded, otherwise the arrow down icon."
342
218
  },
343
219
  {
344
220
  "kind": "method",
@@ -348,45 +224,32 @@
348
224
  "type": {
349
225
  "text": "TemplateResult | typeof nothing"
350
226
  }
351
- },
352
- "inheritedFrom": {
353
- "name": "AccordionButton",
354
- "module": "components/accordionbutton/accordionbutton.component.js"
355
- }
356
- }
357
- ],
358
- "events": [
359
- {
360
- "description": "(React: onShown) This event is triggered when the accordion is expanded.",
361
- "name": "shown",
362
- "reactName": "onShown",
363
- "inheritedFrom": {
364
- "name": "AccordionButton",
365
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
366
227
  }
367
- }
368
- ],
369
- "superclass": {
370
- "name": "AccordionButton",
371
- "module": "/src/components/accordionbutton/accordionbutton.component"
372
- },
373
- "tagName": "mdc-accordion",
374
- "jsDoc": "/**\n * An accordion contains a header and body section with a focusable heading that can be expanded or collapsed.\n *\n * The header section contains:\n * - Prefix Icon\n * - Header Text\n * - Leading Slot - Contains the leading controls of the accordion on the header section. This will be placed on the leading side, after the header text.\n * - Trailing Slot - Contains the trailing controls of the accordion on the header section. This will be placed on the trailing side, before the expand/collapse button.\n *\n * The body section contains:\n * - Default slot - User can place any content inside the body section.\n *\n * The accordion can be expanded or collapsed. The visibility of the body section can be controlled by `expanded` attribute. <br/>\n * There are two types of variants based on that the border styling of the accordion gets reflected. <br/>\n * There are two sizes of accordion, one is small and the other is large.\n * Small size has a padding of 1rem (16px) and large size has a padding of 1.5rem (24px) for the body section of accordion.\n *\n * By default, the header text in the accordion heading is of H3 with an aria-level of '3'.\n * If this accordion is placed on any other level in the entire webpage, then do adjust the aria-level number based on that.\n *\n * An accordion can be disabled, and when it's disabled, the header section will not be clickable.\n *\n * If you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n *\n * If an accordion is expanded by default, then the screen reader might loose focus when toggling the visibilty of the accordion.\n *\n * @tagname mdc-accordion\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @slot leading-controls - The leading controls slot of the accordion on the header section.\n * @slot trailing-controls - The trailing controls slot of the accordion on the header section.\n * @slot default - The default slot contains the body section of the accordion. User can place anything inside this body slot.\n *\n * @event shown - (React: onShown) This event is triggered when the accordion is expanded.\n *\n * @cssproperty --mdc-accordionbutton-border-color - The border color of the accordion.\n * @cssproperty --mdc-accordionbutton-hover-color - The hover color of the accordion.\n * @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion.\n * @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion.\n *\n * @csspart header-section - The header section of the accordion.\n * @csspart leading-header - The leading header of the accordion.\n * @csspart trailing-header - The trailing header of the accordion.\n * @csspart trailing-header__button - The trailing header button of the accordion.\n * @csspart body-section - The body section of the accordion.\n */",
375
- "customElement": true,
376
- "attributes": [
228
+ },
377
229
  {
230
+ "kind": "field",
378
231
  "name": "disabled",
379
232
  "type": {
380
233
  "text": "boolean | undefined"
381
234
  },
382
235
  "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
383
236
  "default": "undefined",
384
- "fieldName": "disabled",
237
+ "attribute": "disabled",
238
+ "reflects": true,
385
239
  "inheritedFrom": {
386
240
  "name": "DisabledMixin",
387
- "module": "src/utils/mixins/DisabledMixin.ts"
241
+ "module": "utils/mixins/DisabledMixin.js"
388
242
  }
389
- },
243
+ }
244
+ ],
245
+ "events": [
246
+ {
247
+ "description": "(React: onShown) This event is triggered when the accordion button is expanded.",
248
+ "name": "shown",
249
+ "reactName": "onShown"
250
+ }
251
+ ],
252
+ "attributes": [
390
253
  {
391
254
  "name": "size",
392
255
  "type": {
@@ -394,11 +257,7 @@
394
257
  },
395
258
  "description": "The size of the accordion item.",
396
259
  "default": "'small'",
397
- "fieldName": "size",
398
- "inheritedFrom": {
399
- "name": "AccordionButton",
400
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
401
- }
260
+ "fieldName": "size"
402
261
  },
403
262
  {
404
263
  "name": "variant",
@@ -407,11 +266,7 @@
407
266
  },
408
267
  "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
409
268
  "default": "'default'",
410
- "fieldName": "variant",
411
- "inheritedFrom": {
412
- "name": "AccordionButton",
413
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
414
- }
269
+ "fieldName": "variant"
415
270
  },
416
271
  {
417
272
  "name": "data-aria-level",
@@ -420,11 +275,7 @@
420
275
  },
421
276
  "description": "The aria level of the accordion component.",
422
277
  "default": "3",
423
- "fieldName": "dataAriaLevel",
424
- "inheritedFrom": {
425
- "name": "AccordionButton",
426
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
427
- }
278
+ "fieldName": "dataAriaLevel"
428
279
  },
429
280
  {
430
281
  "name": "expanded",
@@ -433,11 +284,7 @@
433
284
  },
434
285
  "description": "The visibility of the accordion button.",
435
286
  "default": "false",
436
- "fieldName": "expanded",
437
- "inheritedFrom": {
438
- "name": "AccordionButton",
439
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
440
- }
287
+ "fieldName": "expanded"
441
288
  },
442
289
  {
443
290
  "name": "header-text",
@@ -445,11 +292,7 @@
445
292
  "text": "string | undefined"
446
293
  },
447
294
  "description": "The header text of the accordion item.",
448
- "fieldName": "headerText",
449
- "inheritedFrom": {
450
- "name": "AccordionButton",
451
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
452
- }
295
+ "fieldName": "headerText"
453
296
  },
454
297
  {
455
298
  "name": "prefix-icon",
@@ -457,13 +300,35 @@
457
300
  "text": "IconNames | undefined"
458
301
  },
459
302
  "description": "The leading icon that is displayed before the header text.",
460
- "fieldName": "prefixIcon",
303
+ "fieldName": "prefixIcon"
304
+ },
305
+ {
306
+ "name": "disabled",
307
+ "type": {
308
+ "text": "boolean | undefined"
309
+ },
310
+ "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
311
+ "default": "undefined",
312
+ "fieldName": "disabled",
461
313
  "inheritedFrom": {
462
- "name": "AccordionButton",
463
- "module": "src/components/accordionbutton/accordionbutton.component.ts"
314
+ "name": "DisabledMixin",
315
+ "module": "src/utils/mixins/DisabledMixin.ts"
464
316
  }
465
317
  }
466
- ]
318
+ ],
319
+ "mixins": [
320
+ {
321
+ "name": "DisabledMixin",
322
+ "module": "/src/utils/mixins/DisabledMixin"
323
+ }
324
+ ],
325
+ "superclass": {
326
+ "name": "Component",
327
+ "module": "/src/models"
328
+ },
329
+ "tagName": "mdc-accordionbutton",
330
+ "jsDoc": "/**\n * An accordion button contains a header and body section with optional slots inside the heading which are focusable.\n *\n * The header section contains:\n * - Prefix Icon\n * - Header Text\n *\n * The body section contains:\n * - Default slot - User can place any content inside the body section.\n *\n * The accordion button can be expanded or collapsed. The visibility of the body section can be controlled by `expanded` attribute. <br/>\n * There are two types of variants based on that the border styling of the accordion gets reflected. <br/>\n * There are two sizes of accordion, one is small and the other is large.\n * Small size has a padding of 1rem (16px) and large size has a padding of 1.5rem (24px) for the body section of accordion.\n *\n * By default, the header text in the accordion heading is of H3 with an aria-level of '3'.\n * If this accordion is placed on any other level in the entire webpage, then do adjust the aria-level number based on that.\n *\n * An accordion can be disabled, and when it's disabled, the header section will not be clickable.\n *\n * If you do need any controls on your accordion heading, then it's advised to use `accordion` component.\n *\n * If an accordion button is expanded by default, then the screen reader might loose focus when toggling the visibilty of the accordion button.\n *\n * @tagname mdc-accordionbutton\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @slot default - The default slot contains the body section of the accordion. User can place anything inside this body slot.\n *\n * @event shown - (React: onShown) This event is triggered when the accordion button is expanded.\n *\n * @cssproperty --mdc-accordionbutton-border-color - The border color of the accordion button.\n * @cssproperty --mdc-accordionbutton-hover-color - The hover color of the accordion button.\n * @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion button.\n * @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion button.\n *\n * @csspart header-section - The header section of the accordion button.\n * @csspart header-button-section - The header button section of the accordion button.\n * @csspart leading-header - The leading header of the accordion button.\n * @csspart trailing-header - The trailing header of the accordion button.\n * @csspart trailing-header__icon - The trailing header icon of the accordion button.\n * @csspart body-section - The body section of the accordion button.\n */",
331
+ "customElement": true
467
332
  }
468
333
  ],
469
334
  "exports": [
@@ -471,71 +336,157 @@
471
336
  "kind": "js",
472
337
  "name": "default",
473
338
  "declaration": {
474
- "name": "Accordion",
475
- "module": "components/accordion/accordion.component.js"
339
+ "name": "AccordionButton",
340
+ "module": "components/accordionbutton/accordionbutton.component.js"
476
341
  }
477
342
  }
478
343
  ]
479
344
  },
480
345
  {
481
346
  "kind": "javascript-module",
482
- "path": "components/accordionbutton/accordionbutton.component.js",
347
+ "path": "components/accordion/accordion.component.js",
483
348
  "declarations": [
484
349
  {
485
350
  "kind": "class",
486
- "description": "An accordion button contains a header and body section with optional slots inside the heading which are focusable.\n\nThe header section contains:\n- Prefix Icon\n- Header Text\n\nThe body section contains:\n- Default slot - User can place any content inside the body section.\n\nThe accordion button can be expanded or collapsed. The visibility of the body section can be controlled by `expanded` attribute. <br/>\nThere are two types of variants based on that the border styling of the accordion gets reflected. <br/>\nThere are two sizes of accordion, one is small and the other is large.\nSmall size has a padding of 1rem (16px) and large size has a padding of 1.5rem (24px) for the body section of accordion.\n\nBy default, the header text in the accordion heading is of H3 with an aria-level of '3'.\nIf this accordion is placed on any other level in the entire webpage, then do adjust the aria-level number based on that.\n\nAn accordion can be disabled, and when it's disabled, the header section will not be clickable.\n\nIf you do need any controls on your accordion heading, then it's advised to use `accordion` component.\n\nIf an accordion button is expanded by default, then the screen reader might loose focus when toggling the visibilty of the accordion button.",
487
- "name": "AccordionButton",
351
+ "description": "An accordion contains a header and body section with a focusable heading that can be expanded or collapsed.\n\nThe header section contains:\n- Prefix Icon\n- Header Text\n- Leading Slot - Contains the leading controls of the accordion on the header section. This will be placed on the leading side, after the header text.\n- Trailing Slot - Contains the trailing controls of the accordion on the header section. This will be placed on the trailing side, before the expand/collapse button.\n\nThe body section contains:\n- Default slot - User can place any content inside the body section.\n\nThe accordion can be expanded or collapsed. The visibility of the body section can be controlled by `expanded` attribute. <br/>\nThere are two types of variants based on that the border styling of the accordion gets reflected. <br/>\nThere are two sizes of accordion, one is small and the other is large.\nSmall size has a padding of 1rem (16px) and large size has a padding of 1.5rem (24px) for the body section of accordion.\n\nBy default, the header text in the accordion heading is of H3 with an aria-level of '3'.\nIf this accordion is placed on any other level in the entire webpage, then do adjust the aria-level number based on that.\n\nAn accordion can be disabled, and when it's disabled, the header section will not be clickable.\n\nIf you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n\nIf an accordion is expanded by default, then the screen reader might loose focus when toggling the visibilty of the accordion.",
352
+ "name": "Accordion",
488
353
  "cssProperties": [
489
354
  {
490
- "description": "The border color of the accordion button.",
491
- "name": "--mdc-accordionbutton-border-color"
355
+ "description": "The border color of the accordion.",
356
+ "name": "--mdc-accordionbutton-border-color",
357
+ "inheritedFrom": {
358
+ "name": "AccordionButton",
359
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
360
+ }
492
361
  },
493
362
  {
494
- "description": "The hover color of the accordion button.",
495
- "name": "--mdc-accordionbutton-hover-color"
363
+ "description": "The hover color of the accordion.",
364
+ "name": "--mdc-accordionbutton-hover-color",
365
+ "inheritedFrom": {
366
+ "name": "AccordionButton",
367
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
368
+ }
496
369
  },
497
370
  {
498
- "description": "The active color of the accordion button.",
499
- "name": "--mdc-accordionbutton-active-color"
371
+ "description": "The active color of the accordion.",
372
+ "name": "--mdc-accordionbutton-active-color",
373
+ "inheritedFrom": {
374
+ "name": "AccordionButton",
375
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
376
+ }
500
377
  },
501
378
  {
502
- "description": "The disabled color of the accordion button.",
503
- "name": "--mdc-accordionbutton-disabled-color"
379
+ "description": "The disabled color of the accordion.",
380
+ "name": "--mdc-accordionbutton-disabled-color",
381
+ "inheritedFrom": {
382
+ "name": "AccordionButton",
383
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
384
+ }
504
385
  }
505
386
  ],
506
387
  "cssParts": [
507
388
  {
508
- "description": "The header section of the accordion button.",
509
- "name": "header-section"
389
+ "description": "The header section of the accordion.",
390
+ "name": "header-section",
391
+ "inheritedFrom": {
392
+ "name": "AccordionButton",
393
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
394
+ }
510
395
  },
511
396
  {
512
- "description": "The header button section of the accordion button.",
513
- "name": "header-button-section"
397
+ "description": "The leading header of the accordion.",
398
+ "name": "leading-header",
399
+ "inheritedFrom": {
400
+ "name": "AccordionButton",
401
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
402
+ }
514
403
  },
515
404
  {
516
- "description": "The leading header of the accordion button.",
517
- "name": "leading-header"
405
+ "description": "The trailing header of the accordion.",
406
+ "name": "trailing-header",
407
+ "inheritedFrom": {
408
+ "name": "AccordionButton",
409
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
410
+ }
518
411
  },
519
412
  {
520
- "description": "The trailing header of the accordion button.",
521
- "name": "trailing-header"
413
+ "description": "The trailing header button of the accordion.",
414
+ "name": "trailing-header__button"
522
415
  },
523
416
  {
524
- "description": "The trailing header icon of the accordion button.",
525
- "name": "trailing-header__icon"
417
+ "description": "The body section of the accordion.",
418
+ "name": "body-section",
419
+ "inheritedFrom": {
420
+ "name": "AccordionButton",
421
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
422
+ }
526
423
  },
527
424
  {
528
- "description": "The body section of the accordion button.",
529
- "name": "body-section"
425
+ "description": "The header button section of the accordion button.",
426
+ "name": "header-button-section",
427
+ "inheritedFrom": {
428
+ "name": "AccordionButton",
429
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
430
+ }
431
+ },
432
+ {
433
+ "description": "The trailing header icon of the accordion button.",
434
+ "name": "trailing-header__icon",
435
+ "inheritedFrom": {
436
+ "name": "AccordionButton",
437
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
438
+ }
530
439
  }
531
440
  ],
532
441
  "slots": [
442
+ {
443
+ "description": "The leading controls slot of the accordion on the header section.",
444
+ "name": "leading-controls"
445
+ },
446
+ {
447
+ "description": "The trailing controls slot of the accordion on the header section.",
448
+ "name": "trailing-controls"
449
+ },
533
450
  {
534
451
  "description": "The default slot contains the body section of the accordion. User can place anything inside this body slot.",
535
- "name": "default"
452
+ "name": "default",
453
+ "inheritedFrom": {
454
+ "name": "AccordionButton",
455
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
456
+ }
536
457
  }
537
458
  ],
538
459
  "members": [
460
+ {
461
+ "kind": "method",
462
+ "name": "renderHeader",
463
+ "privacy": "protected",
464
+ "return": {
465
+ "type": {
466
+ "text": ""
467
+ }
468
+ },
469
+ "description": "Renders the header section of the accordion.\nThis includes the leading icon, text and controls, and the trailing controls.\nThe trailing controls include the expand/collapse button.\nThe button is disabled if the accordion is disabled.\nThe button is also given the aria-controls attribute set to the id of the body section.\nThe button is also given the aria-expanded attribute set to the expanded state of the accordion.\nThe prefix icon of the button is set to the expanded state of the accordion.",
470
+ "inheritedFrom": {
471
+ "name": "AccordionButton",
472
+ "module": "components/accordionbutton/accordionbutton.component.js"
473
+ }
474
+ },
475
+ {
476
+ "kind": "field",
477
+ "name": "disabled",
478
+ "type": {
479
+ "text": "boolean | undefined"
480
+ },
481
+ "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
482
+ "default": "undefined",
483
+ "attribute": "disabled",
484
+ "reflects": true,
485
+ "inheritedFrom": {
486
+ "name": "AccordionButton",
487
+ "module": "components/accordionbutton/accordionbutton.component.js"
488
+ }
489
+ },
539
490
  {
540
491
  "kind": "field",
541
492
  "name": "size",
@@ -545,7 +496,11 @@
545
496
  "description": "The size of the accordion item.",
546
497
  "default": "'small'",
547
498
  "attribute": "size",
548
- "reflects": true
499
+ "reflects": true,
500
+ "inheritedFrom": {
501
+ "name": "AccordionButton",
502
+ "module": "components/accordionbutton/accordionbutton.component.js"
503
+ }
549
504
  },
550
505
  {
551
506
  "kind": "field",
@@ -556,7 +511,11 @@
556
511
  "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
557
512
  "default": "'default'",
558
513
  "attribute": "variant",
559
- "reflects": true
514
+ "reflects": true,
515
+ "inheritedFrom": {
516
+ "name": "AccordionButton",
517
+ "module": "components/accordionbutton/accordionbutton.component.js"
518
+ }
560
519
  },
561
520
  {
562
521
  "kind": "field",
@@ -567,7 +526,11 @@
567
526
  "description": "The aria level of the accordion component.",
568
527
  "default": "3",
569
528
  "attribute": "data-aria-level",
570
- "reflects": true
529
+ "reflects": true,
530
+ "inheritedFrom": {
531
+ "name": "AccordionButton",
532
+ "module": "components/accordionbutton/accordionbutton.component.js"
533
+ }
571
534
  },
572
535
  {
573
536
  "kind": "field",
@@ -578,7 +541,11 @@
578
541
  "description": "The visibility of the accordion button.",
579
542
  "default": "false",
580
543
  "attribute": "expanded",
581
- "reflects": true
544
+ "reflects": true,
545
+ "inheritedFrom": {
546
+ "name": "AccordionButton",
547
+ "module": "components/accordionbutton/accordionbutton.component.js"
548
+ }
582
549
  },
583
550
  {
584
551
  "kind": "field",
@@ -588,7 +555,11 @@
588
555
  },
589
556
  "description": "The header text of the accordion item.",
590
557
  "attribute": "header-text",
591
- "reflects": true
558
+ "reflects": true,
559
+ "inheritedFrom": {
560
+ "name": "AccordionButton",
561
+ "module": "components/accordionbutton/accordionbutton.component.js"
562
+ }
592
563
  },
593
564
  {
594
565
  "kind": "field",
@@ -597,7 +568,11 @@
597
568
  "text": "IconNames | undefined"
598
569
  },
599
570
  "description": "The leading icon that is displayed before the header text.",
600
- "attribute": "prefix-icon"
571
+ "attribute": "prefix-icon",
572
+ "inheritedFrom": {
573
+ "name": "AccordionButton",
574
+ "module": "components/accordionbutton/accordionbutton.component.js"
575
+ }
601
576
  },
602
577
  {
603
578
  "kind": "method",
@@ -608,7 +583,11 @@
608
583
  "text": "void"
609
584
  }
610
585
  },
611
- "description": "Handles the click event of the header section.\nIf the accordion is disabled, it will not toggle the expanded state.\nIt will dispatch the `shown` event with the current expanded state."
586
+ "description": "Handles the click event of the header section.\nIf the accordion is disabled, it will not toggle the expanded state.\nIt will dispatch the `shown` event with the current expanded state.",
587
+ "inheritedFrom": {
588
+ "name": "AccordionButton",
589
+ "module": "components/accordionbutton/accordionbutton.component.js"
590
+ }
612
591
  },
613
592
  {
614
593
  "kind": "method",
@@ -619,7 +598,11 @@
619
598
  "text": "void"
620
599
  }
621
600
  },
622
- "description": "Dispatches the `shown` event with the current expanded state.\nThe event is cancelable and bubbles.\nThe event detail contains the current expanded state."
601
+ "description": "Dispatches the `shown` event with the current expanded state.\nThe event is cancelable and bubbles.\nThe event detail contains the current expanded state.",
602
+ "inheritedFrom": {
603
+ "name": "AccordionButton",
604
+ "module": "components/accordionbutton/accordionbutton.component.js"
605
+ }
623
606
  },
624
607
  {
625
608
  "kind": "method",
@@ -639,7 +622,11 @@
639
622
  "description": "The KeyboardEvent fired."
640
623
  }
641
624
  ],
642
- "description": "Handles the keydown event of the component.\nIf the key pressed is either Enter or Space, it calls the handleHeaderClick method.\nThis allows keyboard users to toggle the accordion button using these keys."
625
+ "description": "Handles the keydown event of the component.\nIf the key pressed is either Enter or Space, it calls the handleHeaderClick method.\nThis allows keyboard users to toggle the accordion button using these keys.",
626
+ "inheritedFrom": {
627
+ "name": "AccordionButton",
628
+ "module": "components/accordionbutton/accordionbutton.component.js"
629
+ }
643
630
  },
644
631
  {
645
632
  "kind": "method",
@@ -658,7 +645,11 @@
658
645
  "text": "IconNames"
659
646
  }
660
647
  }
661
- ]
648
+ ],
649
+ "inheritedFrom": {
650
+ "name": "AccordionButton",
651
+ "module": "components/accordionbutton/accordionbutton.component.js"
652
+ }
662
653
  },
663
654
  {
664
655
  "kind": "method",
@@ -668,16 +659,10 @@
668
659
  "type": {
669
660
  "text": "TemplateResult | typeof nothing"
670
661
  }
671
- }
672
- },
673
- {
674
- "kind": "method",
675
- "name": "renderHeader",
676
- "privacy": "protected",
677
- "return": {
678
- "type": {
679
- "text": "TemplateResult"
680
- }
662
+ },
663
+ "inheritedFrom": {
664
+ "name": "AccordionButton",
665
+ "module": "components/accordionbutton/accordionbutton.component.js"
681
666
  }
682
667
  },
683
668
  {
@@ -689,7 +674,11 @@
689
674
  "text": ""
690
675
  }
691
676
  },
692
- "description": "Returns the icon name based on the expanded state.\nIf the accordion button is disabled, it always returns the arrow down icon.\nOtherwise, it returns the arrow up icon if the accordion button is expanded, otherwise the arrow down icon."
677
+ "description": "Returns the icon name based on the expanded state.\nIf the accordion button is disabled, it always returns the arrow down icon.\nOtherwise, it returns the arrow up icon if the accordion button is expanded, otherwise the arrow down icon.",
678
+ "inheritedFrom": {
679
+ "name": "AccordionButton",
680
+ "module": "components/accordionbutton/accordionbutton.component.js"
681
+ }
693
682
  },
694
683
  {
695
684
  "kind": "method",
@@ -699,32 +688,45 @@
699
688
  "type": {
700
689
  "text": "TemplateResult | typeof nothing"
701
690
  }
702
- }
703
- },
704
- {
705
- "kind": "field",
706
- "name": "disabled",
707
- "type": {
708
- "text": "boolean | undefined"
709
691
  },
710
- "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
711
- "default": "undefined",
712
- "attribute": "disabled",
713
- "reflects": true,
714
692
  "inheritedFrom": {
715
- "name": "DisabledMixin",
716
- "module": "utils/mixins/DisabledMixin.js"
693
+ "name": "AccordionButton",
694
+ "module": "components/accordionbutton/accordionbutton.component.js"
717
695
  }
718
696
  }
719
697
  ],
720
698
  "events": [
721
699
  {
722
- "description": "(React: onShown) This event is triggered when the accordion button is expanded.",
700
+ "description": "(React: onShown) This event is triggered when the accordion is expanded.",
723
701
  "name": "shown",
724
- "reactName": "onShown"
702
+ "reactName": "onShown",
703
+ "inheritedFrom": {
704
+ "name": "AccordionButton",
705
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
706
+ }
725
707
  }
726
708
  ],
709
+ "superclass": {
710
+ "name": "AccordionButton",
711
+ "module": "/src/components/accordionbutton/accordionbutton.component"
712
+ },
713
+ "tagName": "mdc-accordion",
714
+ "jsDoc": "/**\n * An accordion contains a header and body section with a focusable heading that can be expanded or collapsed.\n *\n * The header section contains:\n * - Prefix Icon\n * - Header Text\n * - Leading Slot - Contains the leading controls of the accordion on the header section. This will be placed on the leading side, after the header text.\n * - Trailing Slot - Contains the trailing controls of the accordion on the header section. This will be placed on the trailing side, before the expand/collapse button.\n *\n * The body section contains:\n * - Default slot - User can place any content inside the body section.\n *\n * The accordion can be expanded or collapsed. The visibility of the body section can be controlled by `expanded` attribute. <br/>\n * There are two types of variants based on that the border styling of the accordion gets reflected. <br/>\n * There are two sizes of accordion, one is small and the other is large.\n * Small size has a padding of 1rem (16px) and large size has a padding of 1.5rem (24px) for the body section of accordion.\n *\n * By default, the header text in the accordion heading is of H3 with an aria-level of '3'.\n * If this accordion is placed on any other level in the entire webpage, then do adjust the aria-level number based on that.\n *\n * An accordion can be disabled, and when it's disabled, the header section will not be clickable.\n *\n * If you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n *\n * If an accordion is expanded by default, then the screen reader might loose focus when toggling the visibilty of the accordion.\n *\n * @tagname mdc-accordion\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @slot leading-controls - The leading controls slot of the accordion on the header section.\n * @slot trailing-controls - The trailing controls slot of the accordion on the header section.\n * @slot default - The default slot contains the body section of the accordion. User can place anything inside this body slot.\n *\n * @event shown - (React: onShown) This event is triggered when the accordion is expanded.\n *\n * @cssproperty --mdc-accordionbutton-border-color - The border color of the accordion.\n * @cssproperty --mdc-accordionbutton-hover-color - The hover color of the accordion.\n * @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion.\n * @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion.\n *\n * @csspart header-section - The header section of the accordion.\n * @csspart leading-header - The leading header of the accordion.\n * @csspart trailing-header - The trailing header of the accordion.\n * @csspart trailing-header__button - The trailing header button of the accordion.\n * @csspart body-section - The body section of the accordion.\n */",
715
+ "customElement": true,
727
716
  "attributes": [
717
+ {
718
+ "name": "disabled",
719
+ "type": {
720
+ "text": "boolean | undefined"
721
+ },
722
+ "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
723
+ "default": "undefined",
724
+ "fieldName": "disabled",
725
+ "inheritedFrom": {
726
+ "name": "AccordionButton",
727
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
728
+ }
729
+ },
728
730
  {
729
731
  "name": "size",
730
732
  "type": {
@@ -732,7 +734,11 @@
732
734
  },
733
735
  "description": "The size of the accordion item.",
734
736
  "default": "'small'",
735
- "fieldName": "size"
737
+ "fieldName": "size",
738
+ "inheritedFrom": {
739
+ "name": "AccordionButton",
740
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
741
+ }
736
742
  },
737
743
  {
738
744
  "name": "variant",
@@ -741,7 +747,11 @@
741
747
  },
742
748
  "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
743
749
  "default": "'default'",
744
- "fieldName": "variant"
750
+ "fieldName": "variant",
751
+ "inheritedFrom": {
752
+ "name": "AccordionButton",
753
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
754
+ }
745
755
  },
746
756
  {
747
757
  "name": "data-aria-level",
@@ -750,7 +760,11 @@
750
760
  },
751
761
  "description": "The aria level of the accordion component.",
752
762
  "default": "3",
753
- "fieldName": "dataAriaLevel"
763
+ "fieldName": "dataAriaLevel",
764
+ "inheritedFrom": {
765
+ "name": "AccordionButton",
766
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
767
+ }
754
768
  },
755
769
  {
756
770
  "name": "expanded",
@@ -759,7 +773,11 @@
759
773
  },
760
774
  "description": "The visibility of the accordion button.",
761
775
  "default": "false",
762
- "fieldName": "expanded"
776
+ "fieldName": "expanded",
777
+ "inheritedFrom": {
778
+ "name": "AccordionButton",
779
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
780
+ }
763
781
  },
764
782
  {
765
783
  "name": "header-text",
@@ -767,7 +785,11 @@
767
785
  "text": "string | undefined"
768
786
  },
769
787
  "description": "The header text of the accordion item.",
770
- "fieldName": "headerText"
788
+ "fieldName": "headerText",
789
+ "inheritedFrom": {
790
+ "name": "AccordionButton",
791
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
792
+ }
771
793
  },
772
794
  {
773
795
  "name": "prefix-icon",
@@ -775,35 +797,13 @@
775
797
  "text": "IconNames | undefined"
776
798
  },
777
799
  "description": "The leading icon that is displayed before the header text.",
778
- "fieldName": "prefixIcon"
779
- },
780
- {
781
- "name": "disabled",
782
- "type": {
783
- "text": "boolean | undefined"
784
- },
785
- "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
786
- "default": "undefined",
787
- "fieldName": "disabled",
800
+ "fieldName": "prefixIcon",
788
801
  "inheritedFrom": {
789
- "name": "DisabledMixin",
790
- "module": "src/utils/mixins/DisabledMixin.ts"
802
+ "name": "AccordionButton",
803
+ "module": "src/components/accordionbutton/accordionbutton.component.ts"
791
804
  }
792
805
  }
793
- ],
794
- "mixins": [
795
- {
796
- "name": "DisabledMixin",
797
- "module": "/src/utils/mixins/DisabledMixin"
798
- }
799
- ],
800
- "superclass": {
801
- "name": "Component",
802
- "module": "/src/models"
803
- },
804
- "tagName": "mdc-accordionbutton",
805
- "jsDoc": "/**\n * An accordion button contains a header and body section with optional slots inside the heading which are focusable.\n *\n * The header section contains:\n * - Prefix Icon\n * - Header Text\n *\n * The body section contains:\n * - Default slot - User can place any content inside the body section.\n *\n * The accordion button can be expanded or collapsed. The visibility of the body section can be controlled by `expanded` attribute. <br/>\n * There are two types of variants based on that the border styling of the accordion gets reflected. <br/>\n * There are two sizes of accordion, one is small and the other is large.\n * Small size has a padding of 1rem (16px) and large size has a padding of 1.5rem (24px) for the body section of accordion.\n *\n * By default, the header text in the accordion heading is of H3 with an aria-level of '3'.\n * If this accordion is placed on any other level in the entire webpage, then do adjust the aria-level number based on that.\n *\n * An accordion can be disabled, and when it's disabled, the header section will not be clickable.\n *\n * If you do need any controls on your accordion heading, then it's advised to use `accordion` component.\n *\n * If an accordion button is expanded by default, then the screen reader might loose focus when toggling the visibilty of the accordion button.\n *\n * @tagname mdc-accordionbutton\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @slot default - The default slot contains the body section of the accordion. User can place anything inside this body slot.\n *\n * @event shown - (React: onShown) This event is triggered when the accordion button is expanded.\n *\n * @cssproperty --mdc-accordionbutton-border-color - The border color of the accordion button.\n * @cssproperty --mdc-accordionbutton-hover-color - The hover color of the accordion button.\n * @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion button.\n * @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion button.\n *\n * @csspart header-section - The header section of the accordion button.\n * @csspart header-button-section - The header button section of the accordion button.\n * @csspart leading-header - The leading header of the accordion button.\n * @csspart trailing-header - The trailing header of the accordion button.\n * @csspart trailing-header__icon - The trailing header icon of the accordion button.\n * @csspart body-section - The body section of the accordion button.\n */",
806
- "customElement": true
806
+ ]
807
807
  }
808
808
  ],
809
809
  "exports": [
@@ -811,8 +811,8 @@
811
811
  "kind": "js",
812
812
  "name": "default",
813
813
  "declaration": {
814
- "name": "AccordionButton",
815
- "module": "components/accordionbutton/accordionbutton.component.js"
814
+ "name": "Accordion",
815
+ "module": "components/accordion/accordion.component.js"
816
816
  }
817
817
  }
818
818
  ]
@@ -1027,17 +1027,17 @@
1027
1027
  },
1028
1028
  {
1029
1029
  "kind": "field",
1030
- "name": "autofocus",
1030
+ "name": "autoFocusOnMount",
1031
1031
  "type": {
1032
1032
  "text": "boolean"
1033
1033
  },
1034
1034
  "default": "false",
1035
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
1036
- "attribute": "autofocus",
1035
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
1036
+ "attribute": "auto-focus-on-mount",
1037
1037
  "reflects": true,
1038
1038
  "inheritedFrom": {
1039
- "name": "AutoFocusMixin",
1040
- "module": "utils/mixins/AutoFocusMixin.js"
1039
+ "name": "AutoFocusOnMountMixin",
1040
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
1041
1041
  }
1042
1042
  },
1043
1043
  {
@@ -1327,16 +1327,16 @@
1327
1327
  "fieldName": "label"
1328
1328
  },
1329
1329
  {
1330
- "name": "autofocus",
1330
+ "name": "auto-focus-on-mount",
1331
1331
  "type": {
1332
1332
  "text": "boolean"
1333
1333
  },
1334
1334
  "default": "false",
1335
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
1336
- "fieldName": "autofocus",
1335
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
1336
+ "fieldName": "autoFocusOnMount",
1337
1337
  "inheritedFrom": {
1338
- "name": "AutoFocusMixin",
1339
- "module": "src/utils/mixins/AutoFocusMixin.ts"
1338
+ "name": "AutoFocusOnMountMixin",
1339
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
1340
1340
  }
1341
1341
  },
1342
1342
  {
@@ -1660,108 +1660,374 @@
1660
1660
  "fieldName": "name"
1661
1661
  },
1662
1662
  {
1663
- "name": "loop",
1663
+ "name": "loop",
1664
+ "type": {
1665
+ "text": "LoopType | undefined"
1666
+ },
1667
+ "description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
1668
+ "fieldName": "loop"
1669
+ },
1670
+ {
1671
+ "name": "autoplay",
1672
+ "type": {
1673
+ "text": "boolean | undefined"
1674
+ },
1675
+ "description": "Weather start the animation automatically",
1676
+ "fieldName": "autoplay"
1677
+ },
1678
+ {
1679
+ "name": "aria-label",
1680
+ "type": {
1681
+ "text": "string | null"
1682
+ },
1683
+ "default": "null",
1684
+ "description": "Aria-label attribute to be set for accessibility",
1685
+ "fieldName": "ariaLabel"
1686
+ },
1687
+ {
1688
+ "name": "aria-labelledby",
1689
+ "type": {
1690
+ "text": "string | null"
1691
+ },
1692
+ "default": "null",
1693
+ "description": "Aria-labelledby attribute to be set for accessibility",
1694
+ "fieldName": "ariaLabelledBy"
1695
+ }
1696
+ ],
1697
+ "superclass": {
1698
+ "name": "Component",
1699
+ "module": "/src/models"
1700
+ },
1701
+ "tagName": "mdc-animation",
1702
+ "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 */",
1703
+ "customElement": true
1704
+ }
1705
+ ],
1706
+ "exports": [
1707
+ {
1708
+ "kind": "js",
1709
+ "name": "default",
1710
+ "declaration": {
1711
+ "name": "Animation",
1712
+ "module": "components/animation/animation.component.js"
1713
+ }
1714
+ }
1715
+ ]
1716
+ },
1717
+ {
1718
+ "kind": "javascript-module",
1719
+ "path": "components/appheader/appheader.component.js",
1720
+ "declarations": [
1721
+ {
1722
+ "kind": "class",
1723
+ "description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
1724
+ "name": "Appheader",
1725
+ "cssParts": [
1726
+ {
1727
+ "description": "The main container for styling the header.",
1728
+ "name": "container"
1729
+ },
1730
+ {
1731
+ "description": "The leading section of the header.",
1732
+ "name": "leading-section"
1733
+ },
1734
+ {
1735
+ "description": "The center section of the header.",
1736
+ "name": "center-section"
1737
+ },
1738
+ {
1739
+ "description": "The trailing section of the header.",
1740
+ "name": "trailing-section"
1741
+ }
1742
+ ],
1743
+ "slots": [
1744
+ {
1745
+ "description": "Slot for the leading section (e.g., brand logo, brand name).",
1746
+ "name": "leading"
1747
+ },
1748
+ {
1749
+ "description": "Slot for the center section (e.g., search bar, icons).",
1750
+ "name": "center"
1751
+ },
1752
+ {
1753
+ "description": "Slot for the trailing section (e.g., profile avatar, icons).",
1754
+ "name": "trailing"
1755
+ }
1756
+ ],
1757
+ "members": [],
1758
+ "superclass": {
1759
+ "name": "Component",
1760
+ "module": "/src/models"
1761
+ },
1762
+ "tagName": "mdc-appheader",
1763
+ "jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
1764
+ "customElement": true
1765
+ }
1766
+ ],
1767
+ "exports": [
1768
+ {
1769
+ "kind": "js",
1770
+ "name": "default",
1771
+ "declaration": {
1772
+ "name": "Appheader",
1773
+ "module": "components/appheader/appheader.component.js"
1774
+ }
1775
+ }
1776
+ ]
1777
+ },
1778
+ {
1779
+ "kind": "javascript-module",
1780
+ "path": "components/avatar/avatar.component.js",
1781
+ "declarations": [
1782
+ {
1783
+ "kind": "class",
1784
+ "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.",
1785
+ "name": "Avatar",
1786
+ "cssProperties": [
1787
+ {
1788
+ "description": "Allows customization of the default background color.",
1789
+ "name": "--mdc-avatar-default-background-color"
1790
+ },
1791
+ {
1792
+ "description": "Allows customization of the default foreground color.",
1793
+ "name": "--mdc-avatar-default-foreground-color"
1794
+ },
1795
+ {
1796
+ "description": "Allows customization of the loading indicator background color.",
1797
+ "name": "--mdc-avatar-loading-indicator-background-color"
1798
+ },
1799
+ {
1800
+ "description": "Allows customization of the loading indicator foreground color.",
1801
+ "name": "--mdc-avatar-loading-indicator-foreground-color"
1802
+ },
1803
+ {
1804
+ "description": "Allows customization of the loading overlay background color.",
1805
+ "name": "--mdc-avatar-loading-overlay-background-color"
1806
+ }
1807
+ ],
1808
+ "cssParts": [
1809
+ {
1810
+ "description": "The main content of the avatar.",
1811
+ "name": "content"
1812
+ },
1813
+ {
1814
+ "description": "The photo of the avatar.",
1815
+ "name": "photo"
1816
+ },
1817
+ {
1818
+ "description": "The presence indicator of the avatar.",
1819
+ "name": "presence"
1820
+ },
1821
+ {
1822
+ "description": "The wrapper for the loading indicator.",
1823
+ "name": "loading-wrapper"
1824
+ },
1825
+ {
1826
+ "description": "The loading indicator of the avatar.",
1827
+ "name": "loader"
1828
+ }
1829
+ ],
1830
+ "members": [
1831
+ {
1832
+ "kind": "field",
1833
+ "name": "src",
1834
+ "type": {
1835
+ "text": "string | undefined"
1836
+ },
1837
+ "description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
1838
+ "attribute": "src",
1839
+ "inheritedFrom": {
1840
+ "name": "AvatarComponentMixin",
1841
+ "module": "utils/mixins/AvatarComponentMixin.js"
1842
+ }
1843
+ },
1844
+ {
1845
+ "kind": "field",
1846
+ "name": "initials",
1847
+ "type": {
1848
+ "text": "string | undefined"
1849
+ },
1850
+ "description": "The initials to be displayed for the avatar.",
1851
+ "attribute": "initials",
1852
+ "inheritedFrom": {
1853
+ "name": "AvatarComponentMixin",
1854
+ "module": "utils/mixins/AvatarComponentMixin.js"
1855
+ }
1856
+ },
1857
+ {
1858
+ "kind": "field",
1859
+ "name": "presence",
1860
+ "type": {
1861
+ "text": "PresenceType | undefined"
1862
+ },
1863
+ "description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
1864
+ "attribute": "presence",
1865
+ "inheritedFrom": {
1866
+ "name": "AvatarComponentMixin",
1867
+ "module": "utils/mixins/AvatarComponentMixin.js"
1868
+ }
1869
+ },
1870
+ {
1871
+ "kind": "field",
1872
+ "name": "size",
1873
+ "type": {
1874
+ "text": "AvatarSize"
1875
+ },
1876
+ "description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
1877
+ "default": "32",
1878
+ "attribute": "size",
1879
+ "reflects": true,
1880
+ "inheritedFrom": {
1881
+ "name": "AvatarComponentMixin",
1882
+ "module": "utils/mixins/AvatarComponentMixin.js"
1883
+ }
1884
+ },
1885
+ {
1886
+ "kind": "field",
1887
+ "name": "counter",
1888
+ "type": {
1889
+ "text": "number | undefined"
1890
+ },
1891
+ "description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
1892
+ "attribute": "counter",
1893
+ "inheritedFrom": {
1894
+ "name": "AvatarComponentMixin",
1895
+ "module": "utils/mixins/AvatarComponentMixin.js"
1896
+ }
1897
+ },
1898
+ {
1899
+ "kind": "field",
1900
+ "name": "isTyping",
1901
+ "type": {
1902
+ "text": "boolean"
1903
+ },
1904
+ "default": "false",
1905
+ "description": "Represents the typing indicator when the user is typing.",
1906
+ "attribute": "is-typing",
1907
+ "inheritedFrom": {
1908
+ "name": "AvatarComponentMixin",
1909
+ "module": "utils/mixins/AvatarComponentMixin.js"
1910
+ }
1911
+ },
1912
+ {
1913
+ "kind": "field",
1914
+ "name": "iconName",
1915
+ "type": {
1916
+ "text": "IconNames | undefined"
1917
+ },
1918
+ "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
1919
+ "attribute": "icon-name",
1920
+ "inheritedFrom": {
1921
+ "name": "IconNameMixin",
1922
+ "module": "utils/mixins/IconNameMixin.js"
1923
+ }
1924
+ }
1925
+ ],
1926
+ "mixins": [
1927
+ {
1928
+ "name": "AvatarComponentMixin",
1929
+ "module": "/src/utils/mixins/AvatarComponentMixin"
1930
+ },
1931
+ {
1932
+ "name": "IconNameMixin",
1933
+ "module": "/src/utils/mixins/IconNameMixin"
1934
+ }
1935
+ ],
1936
+ "superclass": {
1937
+ "name": "Component",
1938
+ "module": "/src/models"
1939
+ },
1940
+ "tagName": "mdc-avatar",
1941
+ "jsDoc": "/**\n * The `mdc-avatar` component is used to represent a person or a space.\n * An avatar can be an icon, initials, counter and photo.\n *\n * To set the photo of an avatar,\n * you need to set \"src\" attribute.\n *\n * While the avatar image is loading, as a placeholder,\n * we will show the initials text.\n * If the initials are not specified then,\n * we will show `user-regular` icon as a placeholder.\n *\n * By default, if there are no attributes specified,\n * then the default avatar will be an icon with `user-regular` name.\n *\n * The avatar component is non clickable and non interactive/focusable component.\n * If the avatar is typing, then the loading indicator will be displayed.\n * If the counter type avatar is set to a negative number, then we will display 0.\n * The presence indicator will be hidden when the counter property is set.\n *\n * @dependency mdc-icon\n * @dependency mdc-presence\n * @dependency mdc-text\n *\n * @tagname mdc-avatar\n *\n * @cssproperty --mdc-avatar-default-background-color - Allows customization of the default background color.\n * @cssproperty --mdc-avatar-default-foreground-color - Allows customization of the default foreground color.\n * @cssproperty --mdc-avatar-loading-indicator-background-color -\n * Allows customization of the loading indicator background color.\n * @cssproperty --mdc-avatar-loading-indicator-foreground-color -\n * Allows customization of the loading indicator foreground color.\n * @cssproperty --mdc-avatar-loading-overlay-background-color -\n * Allows customization of the loading overlay background color.\n *\n * @csspart content - The main content of the avatar.\n * @csspart photo - The photo of the avatar.\n * @csspart presence - The presence indicator of the avatar.\n * @csspart loading-wrapper - The wrapper for the loading indicator.\n * @csspart loader - The loading indicator of the avatar.\n */",
1942
+ "customElement": true,
1943
+ "attributes": [
1944
+ {
1945
+ "name": "src",
1946
+ "type": {
1947
+ "text": "string | undefined"
1948
+ },
1949
+ "description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
1950
+ "fieldName": "src",
1951
+ "inheritedFrom": {
1952
+ "name": "AvatarComponentMixin",
1953
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
1954
+ }
1955
+ },
1956
+ {
1957
+ "name": "initials",
1958
+ "type": {
1959
+ "text": "string | undefined"
1960
+ },
1961
+ "description": "The initials to be displayed for the avatar.",
1962
+ "fieldName": "initials",
1963
+ "inheritedFrom": {
1964
+ "name": "AvatarComponentMixin",
1965
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
1966
+ }
1967
+ },
1968
+ {
1969
+ "name": "presence",
1970
+ "type": {
1971
+ "text": "PresenceType | undefined"
1972
+ },
1973
+ "description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
1974
+ "fieldName": "presence",
1975
+ "inheritedFrom": {
1976
+ "name": "AvatarComponentMixin",
1977
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
1978
+ }
1979
+ },
1980
+ {
1981
+ "name": "size",
1664
1982
  "type": {
1665
- "text": "LoopType | undefined"
1983
+ "text": "AvatarSize"
1666
1984
  },
1667
- "description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
1668
- "fieldName": "loop"
1985
+ "description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
1986
+ "default": "32",
1987
+ "fieldName": "size",
1988
+ "inheritedFrom": {
1989
+ "name": "AvatarComponentMixin",
1990
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
1991
+ }
1669
1992
  },
1670
1993
  {
1671
- "name": "autoplay",
1994
+ "name": "counter",
1672
1995
  "type": {
1673
- "text": "boolean | undefined"
1996
+ "text": "number | undefined"
1674
1997
  },
1675
- "description": "Weather start the animation automatically",
1676
- "fieldName": "autoplay"
1998
+ "description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
1999
+ "fieldName": "counter",
2000
+ "inheritedFrom": {
2001
+ "name": "AvatarComponentMixin",
2002
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
2003
+ }
1677
2004
  },
1678
2005
  {
1679
- "name": "aria-label",
2006
+ "name": "is-typing",
1680
2007
  "type": {
1681
- "text": "string | null"
2008
+ "text": "boolean"
1682
2009
  },
1683
- "default": "null",
1684
- "description": "Aria-label attribute to be set for accessibility",
1685
- "fieldName": "ariaLabel"
2010
+ "default": "false",
2011
+ "description": "Represents the typing indicator when the user is typing.",
2012
+ "fieldName": "isTyping",
2013
+ "inheritedFrom": {
2014
+ "name": "AvatarComponentMixin",
2015
+ "module": "src/utils/mixins/AvatarComponentMixin.ts"
2016
+ }
1686
2017
  },
1687
2018
  {
1688
- "name": "aria-labelledby",
2019
+ "name": "icon-name",
1689
2020
  "type": {
1690
- "text": "string | null"
2021
+ "text": "IconNames | undefined"
1691
2022
  },
1692
- "default": "null",
1693
- "description": "Aria-labelledby attribute to be set for accessibility",
1694
- "fieldName": "ariaLabelledBy"
1695
- }
1696
- ],
1697
- "superclass": {
1698
- "name": "Component",
1699
- "module": "/src/models"
1700
- },
1701
- "tagName": "mdc-animation",
1702
- "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 */",
1703
- "customElement": true
1704
- }
1705
- ],
1706
- "exports": [
1707
- {
1708
- "kind": "js",
1709
- "name": "default",
1710
- "declaration": {
1711
- "name": "Animation",
1712
- "module": "components/animation/animation.component.js"
1713
- }
1714
- }
1715
- ]
1716
- },
1717
- {
1718
- "kind": "javascript-module",
1719
- "path": "components/appheader/appheader.component.js",
1720
- "declarations": [
1721
- {
1722
- "kind": "class",
1723
- "description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
1724
- "name": "Appheader",
1725
- "cssParts": [
1726
- {
1727
- "description": "The main container for styling the header.",
1728
- "name": "container"
1729
- },
1730
- {
1731
- "description": "The leading section of the header.",
1732
- "name": "leading-section"
1733
- },
1734
- {
1735
- "description": "The center section of the header.",
1736
- "name": "center-section"
1737
- },
1738
- {
1739
- "description": "The trailing section of the header.",
1740
- "name": "trailing-section"
1741
- }
1742
- ],
1743
- "slots": [
1744
- {
1745
- "description": "Slot for the leading section (e.g., brand logo, brand name).",
1746
- "name": "leading"
1747
- },
1748
- {
1749
- "description": "Slot for the center section (e.g., search bar, icons).",
1750
- "name": "center"
1751
- },
1752
- {
1753
- "description": "Slot for the trailing section (e.g., profile avatar, icons).",
1754
- "name": "trailing"
2023
+ "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
2024
+ "fieldName": "iconName",
2025
+ "inheritedFrom": {
2026
+ "name": "IconNameMixin",
2027
+ "module": "src/utils/mixins/IconNameMixin.ts"
2028
+ }
1755
2029
  }
1756
- ],
1757
- "members": [],
1758
- "superclass": {
1759
- "name": "Component",
1760
- "module": "/src/models"
1761
- },
1762
- "tagName": "mdc-appheader",
1763
- "jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
1764
- "customElement": true
2030
+ ]
1765
2031
  }
1766
2032
  ],
1767
2033
  "exports": [
@@ -1769,8 +2035,8 @@
1769
2035
  "kind": "js",
1770
2036
  "name": "default",
1771
2037
  "declaration": {
1772
- "name": "Appheader",
1773
- "module": "components/appheader/appheader.component.js"
2038
+ "name": "Avatar",
2039
+ "module": "components/avatar/avatar.component.js"
1774
2040
  }
1775
2041
  }
1776
2042
  ]
@@ -1943,17 +2209,17 @@
1943
2209
  },
1944
2210
  {
1945
2211
  "kind": "field",
1946
- "name": "autofocus",
2212
+ "name": "autoFocusOnMount",
1947
2213
  "type": {
1948
2214
  "text": "boolean"
1949
2215
  },
1950
2216
  "default": "false",
1951
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
1952
- "attribute": "autofocus",
2217
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
2218
+ "attribute": "auto-focus-on-mount",
1953
2219
  "reflects": true,
1954
2220
  "inheritedFrom": {
1955
- "name": "AutoFocusMixin",
1956
- "module": "utils/mixins/AutoFocusMixin.js"
2221
+ "name": "AutoFocusOnMountMixin",
2222
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
1957
2223
  }
1958
2224
  },
1959
2225
  {
@@ -2341,395 +2607,129 @@
2341
2607
  "name": "IconNameMixin",
2342
2608
  "module": "src/utils/mixins/IconNameMixin.ts"
2343
2609
  }
2344
- },
2345
- {
2346
- "name": "autofocus",
2347
- "type": {
2348
- "text": "boolean"
2349
- },
2350
- "default": "false",
2351
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
2352
- "fieldName": "autofocus",
2353
- "inheritedFrom": {
2354
- "name": "AutoFocusMixin",
2355
- "module": "src/utils/mixins/AutoFocusMixin.ts"
2356
- }
2357
- },
2358
- {
2359
- "name": "tabIndex",
2360
- "type": {
2361
- "text": "number"
2362
- },
2363
- "default": "0",
2364
- "description": "This property specifies the tab order of the element.",
2365
- "fieldName": "tabIndex",
2366
- "inheritedFrom": {
2367
- "name": "TabIndexMixin",
2368
- "module": "src/utils/mixins/TabIndexMixin.ts"
2369
- }
2370
- },
2371
- {
2372
- "name": "disabled",
2373
- "type": {
2374
- "text": "boolean | undefined"
2375
- },
2376
- "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
2377
- "default": "undefined",
2378
- "fieldName": "disabled",
2379
- "inheritedFrom": {
2380
- "name": "DisabledMixin",
2381
- "module": "src/utils/mixins/DisabledMixin.ts"
2382
- }
2383
- },
2384
- {
2385
- "name": "active",
2386
- "type": {
2387
- "text": "boolean | undefined"
2388
- },
2389
- "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.",
2390
- "default": "undefined",
2391
- "fieldName": "active",
2392
- "inheritedFrom": {
2393
- "name": "Buttonsimple",
2394
- "module": "src/components/buttonsimple/buttonsimple.component.ts"
2395
- }
2396
- },
2397
- {
2398
- "name": "soft-disabled",
2399
- "type": {
2400
- "text": "boolean | undefined"
2401
- },
2402
- "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.",
2403
- "default": "undefined",
2404
- "fieldName": "softDisabled",
2405
- "inheritedFrom": {
2406
- "name": "Buttonsimple",
2407
- "module": "src/components/buttonsimple/buttonsimple.component.ts"
2408
- }
2409
- },
2410
- {
2411
- "name": "role",
2412
- "type": {
2413
- "text": "RoleType"
2414
- },
2415
- "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.",
2416
- "default": "button",
2417
- "fieldName": "role",
2418
- "inheritedFrom": {
2419
- "name": "Buttonsimple",
2420
- "module": "src/components/buttonsimple/buttonsimple.component.ts"
2421
- }
2422
- },
2423
- {
2424
- "name": "ariaStateKey",
2425
- "type": {
2426
- "text": "string | undefined"
2427
- },
2428
- "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`",
2429
- "default": "'aria-pressed' (when)",
2430
- "fieldName": "ariaStateKey",
2431
- "inheritedFrom": {
2432
- "name": "Buttonsimple",
2433
- "module": "src/components/buttonsimple/buttonsimple.component.ts"
2434
- }
2435
- },
2436
- {
2437
- "name": "type",
2438
- "type": {
2439
- "text": "ButtonType"
2440
- },
2441
- "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.",
2442
- "default": "button",
2443
- "fieldName": "type",
2444
- "inheritedFrom": {
2445
- "name": "Buttonsimple",
2446
- "module": "src/components/buttonsimple/buttonsimple.component.ts"
2447
- }
2448
- }
2449
- ],
2450
- "mixins": [
2451
- {
2452
- "name": "AvatarComponentMixin",
2453
- "module": "/src/utils/mixins/AvatarComponentMixin"
2454
- },
2455
- {
2456
- "name": "IconNameMixin",
2457
- "module": "/src/utils/mixins/IconNameMixin"
2458
- }
2459
- ],
2460
- "superclass": {
2461
- "name": "Buttonsimple",
2462
- "module": "/src/components/buttonsimple/buttonsimple.component"
2463
- },
2464
- "tagName": "mdc-avatarbutton",
2465
- "jsDoc": "/**\n * The `mdc-avatarbutton` component is an interactable version of the `mdc-avatar` component.\n *\n * This component is made by extending `buttonsimple` class.\n * The button component acts as a wrapper for the avatar component.\n *\n * To override styles of the avatar inside, use the specified css parts.\n *\n * @dependency mdc-avatar\n *\n * @event click - (React: onClick) This event is dispatched when the avatarbutton is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the avatarbutton.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the avatarbutton.\n * @event focus - (React: onFocus) This event is dispatched when the avatarbutton receives focus.\n *\n * @tagname mdc-avatarbutton\n *\n * @cssproperty --mdc-avatarbutton-overlay-background-color-rest - Background color of the overlay in rest state\n * @cssproperty --mdc-avatarbutton-overlay-background-color-hover - Background color of the overlay in hover state\n * @cssproperty --mdc-avatarbutton-overlay-background-color-active - Background color of the overlay in active state\n *\n * @csspart overlay - The overlay part of the avatar button.\n * @csspart content - The main content of the avatar.\n * @csspart photo - The photo part of the avatar.\n * @csspart presence - The presence indicator part of the avatar.\n * @csspart loading-wrapper - The wrapper for the loading indicator of the avatar.\n * @csspart loader - The loading indicator part of the avatar.\n */",
2466
- "customElement": true
2467
- }
2468
- ],
2469
- "exports": [
2470
- {
2471
- "kind": "js",
2472
- "name": "default",
2473
- "declaration": {
2474
- "name": "AvatarButton",
2475
- "module": "components/avatarbutton/avatarbutton.component.js"
2476
- }
2477
- }
2478
- ]
2479
- },
2480
- {
2481
- "kind": "javascript-module",
2482
- "path": "components/avatar/avatar.component.js",
2483
- "declarations": [
2484
- {
2485
- "kind": "class",
2486
- "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.",
2487
- "name": "Avatar",
2488
- "cssProperties": [
2489
- {
2490
- "description": "Allows customization of the default background color.",
2491
- "name": "--mdc-avatar-default-background-color"
2492
- },
2493
- {
2494
- "description": "Allows customization of the default foreground color.",
2495
- "name": "--mdc-avatar-default-foreground-color"
2496
- },
2497
- {
2498
- "description": "Allows customization of the loading indicator background color.",
2499
- "name": "--mdc-avatar-loading-indicator-background-color"
2500
- },
2501
- {
2502
- "description": "Allows customization of the loading indicator foreground color.",
2503
- "name": "--mdc-avatar-loading-indicator-foreground-color"
2504
- },
2505
- {
2506
- "description": "Allows customization of the loading overlay background color.",
2507
- "name": "--mdc-avatar-loading-overlay-background-color"
2508
- }
2509
- ],
2510
- "cssParts": [
2511
- {
2512
- "description": "The main content of the avatar.",
2513
- "name": "content"
2514
- },
2515
- {
2516
- "description": "The photo of the avatar.",
2517
- "name": "photo"
2518
- },
2519
- {
2520
- "description": "The presence indicator of the avatar.",
2521
- "name": "presence"
2522
- },
2523
- {
2524
- "description": "The wrapper for the loading indicator.",
2525
- "name": "loading-wrapper"
2526
- },
2527
- {
2528
- "description": "The loading indicator of the avatar.",
2529
- "name": "loader"
2530
- }
2531
- ],
2532
- "members": [
2533
- {
2534
- "kind": "field",
2535
- "name": "src",
2536
- "type": {
2537
- "text": "string | undefined"
2538
- },
2539
- "description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
2540
- "attribute": "src",
2541
- "inheritedFrom": {
2542
- "name": "AvatarComponentMixin",
2543
- "module": "utils/mixins/AvatarComponentMixin.js"
2544
- }
2545
- },
2546
- {
2547
- "kind": "field",
2548
- "name": "initials",
2549
- "type": {
2550
- "text": "string | undefined"
2551
- },
2552
- "description": "The initials to be displayed for the avatar.",
2553
- "attribute": "initials",
2554
- "inheritedFrom": {
2555
- "name": "AvatarComponentMixin",
2556
- "module": "utils/mixins/AvatarComponentMixin.js"
2557
- }
2558
- },
2559
- {
2560
- "kind": "field",
2561
- "name": "presence",
2562
- "type": {
2563
- "text": "PresenceType | undefined"
2564
- },
2565
- "description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
2566
- "attribute": "presence",
2567
- "inheritedFrom": {
2568
- "name": "AvatarComponentMixin",
2569
- "module": "utils/mixins/AvatarComponentMixin.js"
2570
- }
2571
- },
2572
- {
2573
- "kind": "field",
2574
- "name": "size",
2575
- "type": {
2576
- "text": "AvatarSize"
2577
- },
2578
- "description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
2579
- "default": "32",
2580
- "attribute": "size",
2581
- "reflects": true,
2582
- "inheritedFrom": {
2583
- "name": "AvatarComponentMixin",
2584
- "module": "utils/mixins/AvatarComponentMixin.js"
2585
- }
2586
- },
2587
- {
2588
- "kind": "field",
2589
- "name": "counter",
2590
- "type": {
2591
- "text": "number | undefined"
2592
- },
2593
- "description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
2594
- "attribute": "counter",
2595
- "inheritedFrom": {
2596
- "name": "AvatarComponentMixin",
2597
- "module": "utils/mixins/AvatarComponentMixin.js"
2598
- }
2599
- },
2600
- {
2601
- "kind": "field",
2602
- "name": "isTyping",
2603
- "type": {
2604
- "text": "boolean"
2605
- },
2606
- "default": "false",
2607
- "description": "Represents the typing indicator when the user is typing.",
2608
- "attribute": "is-typing",
2609
- "inheritedFrom": {
2610
- "name": "AvatarComponentMixin",
2611
- "module": "utils/mixins/AvatarComponentMixin.js"
2612
- }
2613
- },
2614
- {
2615
- "kind": "field",
2616
- "name": "iconName",
2617
- "type": {
2618
- "text": "IconNames | undefined"
2619
- },
2620
- "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
2621
- "attribute": "icon-name",
2622
- "inheritedFrom": {
2623
- "name": "IconNameMixin",
2624
- "module": "utils/mixins/IconNameMixin.js"
2625
- }
2626
- }
2627
- ],
2628
- "mixins": [
2629
- {
2630
- "name": "AvatarComponentMixin",
2631
- "module": "/src/utils/mixins/AvatarComponentMixin"
2632
- },
2633
- {
2634
- "name": "IconNameMixin",
2635
- "module": "/src/utils/mixins/IconNameMixin"
2636
- }
2637
- ],
2638
- "superclass": {
2639
- "name": "Component",
2640
- "module": "/src/models"
2641
- },
2642
- "tagName": "mdc-avatar",
2643
- "jsDoc": "/**\n * The `mdc-avatar` component is used to represent a person or a space.\n * An avatar can be an icon, initials, counter and photo.\n *\n * To set the photo of an avatar,\n * you need to set \"src\" attribute.\n *\n * While the avatar image is loading, as a placeholder,\n * we will show the initials text.\n * If the initials are not specified then,\n * we will show `user-regular` icon as a placeholder.\n *\n * By default, if there are no attributes specified,\n * then the default avatar will be an icon with `user-regular` name.\n *\n * The avatar component is non clickable and non interactive/focusable component.\n * If the avatar is typing, then the loading indicator will be displayed.\n * If the counter type avatar is set to a negative number, then we will display 0.\n * The presence indicator will be hidden when the counter property is set.\n *\n * @dependency mdc-icon\n * @dependency mdc-presence\n * @dependency mdc-text\n *\n * @tagname mdc-avatar\n *\n * @cssproperty --mdc-avatar-default-background-color - Allows customization of the default background color.\n * @cssproperty --mdc-avatar-default-foreground-color - Allows customization of the default foreground color.\n * @cssproperty --mdc-avatar-loading-indicator-background-color -\n * Allows customization of the loading indicator background color.\n * @cssproperty --mdc-avatar-loading-indicator-foreground-color -\n * Allows customization of the loading indicator foreground color.\n * @cssproperty --mdc-avatar-loading-overlay-background-color -\n * Allows customization of the loading overlay background color.\n *\n * @csspart content - The main content of the avatar.\n * @csspart photo - The photo of the avatar.\n * @csspart presence - The presence indicator of the avatar.\n * @csspart loading-wrapper - The wrapper for the loading indicator.\n * @csspart loader - The loading indicator of the avatar.\n */",
2644
- "customElement": true,
2645
- "attributes": [
2646
- {
2647
- "name": "src",
2648
- "type": {
2649
- "text": "string | undefined"
2650
- },
2651
- "description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
2652
- "fieldName": "src",
2653
- "inheritedFrom": {
2654
- "name": "AvatarComponentMixin",
2655
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
2656
- }
2657
- },
2658
- {
2659
- "name": "initials",
2660
- "type": {
2661
- "text": "string | undefined"
2662
- },
2663
- "description": "The initials to be displayed for the avatar.",
2664
- "fieldName": "initials",
2665
- "inheritedFrom": {
2666
- "name": "AvatarComponentMixin",
2667
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
2668
- }
2669
- },
2670
- {
2671
- "name": "presence",
2672
- "type": {
2673
- "text": "PresenceType | undefined"
2674
- },
2675
- "description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
2676
- "fieldName": "presence",
2677
- "inheritedFrom": {
2678
- "name": "AvatarComponentMixin",
2679
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
2680
- }
2681
- },
2682
- {
2683
- "name": "size",
2684
- "type": {
2685
- "text": "AvatarSize"
2686
- },
2687
- "description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
2688
- "default": "32",
2689
- "fieldName": "size",
2690
- "inheritedFrom": {
2691
- "name": "AvatarComponentMixin",
2692
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
2693
- }
2694
- },
2695
- {
2696
- "name": "counter",
2697
- "type": {
2698
- "text": "number | undefined"
2699
- },
2700
- "description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
2701
- "fieldName": "counter",
2702
- "inheritedFrom": {
2703
- "name": "AvatarComponentMixin",
2704
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
2705
- }
2706
- },
2707
- {
2708
- "name": "is-typing",
2709
- "type": {
2710
- "text": "boolean"
2711
- },
2712
- "default": "false",
2713
- "description": "Represents the typing indicator when the user is typing.",
2714
- "fieldName": "isTyping",
2715
- "inheritedFrom": {
2716
- "name": "AvatarComponentMixin",
2717
- "module": "src/utils/mixins/AvatarComponentMixin.ts"
2718
- }
2719
- },
2720
- {
2721
- "name": "icon-name",
2722
- "type": {
2723
- "text": "IconNames | undefined"
2724
- },
2725
- "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
2726
- "fieldName": "iconName",
2727
- "inheritedFrom": {
2728
- "name": "IconNameMixin",
2729
- "module": "src/utils/mixins/IconNameMixin.ts"
2730
- }
2610
+ },
2611
+ {
2612
+ "name": "auto-focus-on-mount",
2613
+ "type": {
2614
+ "text": "boolean"
2615
+ },
2616
+ "default": "false",
2617
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
2618
+ "fieldName": "autoFocusOnMount",
2619
+ "inheritedFrom": {
2620
+ "name": "AutoFocusOnMountMixin",
2621
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
2622
+ }
2623
+ },
2624
+ {
2625
+ "name": "tabIndex",
2626
+ "type": {
2627
+ "text": "number"
2628
+ },
2629
+ "default": "0",
2630
+ "description": "This property specifies the tab order of the element.",
2631
+ "fieldName": "tabIndex",
2632
+ "inheritedFrom": {
2633
+ "name": "TabIndexMixin",
2634
+ "module": "src/utils/mixins/TabIndexMixin.ts"
2635
+ }
2636
+ },
2637
+ {
2638
+ "name": "disabled",
2639
+ "type": {
2640
+ "text": "boolean | undefined"
2641
+ },
2642
+ "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
2643
+ "default": "undefined",
2644
+ "fieldName": "disabled",
2645
+ "inheritedFrom": {
2646
+ "name": "DisabledMixin",
2647
+ "module": "src/utils/mixins/DisabledMixin.ts"
2648
+ }
2649
+ },
2650
+ {
2651
+ "name": "active",
2652
+ "type": {
2653
+ "text": "boolean | undefined"
2654
+ },
2655
+ "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.",
2656
+ "default": "undefined",
2657
+ "fieldName": "active",
2658
+ "inheritedFrom": {
2659
+ "name": "Buttonsimple",
2660
+ "module": "src/components/buttonsimple/buttonsimple.component.ts"
2661
+ }
2662
+ },
2663
+ {
2664
+ "name": "soft-disabled",
2665
+ "type": {
2666
+ "text": "boolean | undefined"
2667
+ },
2668
+ "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.",
2669
+ "default": "undefined",
2670
+ "fieldName": "softDisabled",
2671
+ "inheritedFrom": {
2672
+ "name": "Buttonsimple",
2673
+ "module": "src/components/buttonsimple/buttonsimple.component.ts"
2674
+ }
2675
+ },
2676
+ {
2677
+ "name": "role",
2678
+ "type": {
2679
+ "text": "RoleType"
2680
+ },
2681
+ "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.",
2682
+ "default": "button",
2683
+ "fieldName": "role",
2684
+ "inheritedFrom": {
2685
+ "name": "Buttonsimple",
2686
+ "module": "src/components/buttonsimple/buttonsimple.component.ts"
2687
+ }
2688
+ },
2689
+ {
2690
+ "name": "ariaStateKey",
2691
+ "type": {
2692
+ "text": "string | undefined"
2693
+ },
2694
+ "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`",
2695
+ "default": "'aria-pressed' (when)",
2696
+ "fieldName": "ariaStateKey",
2697
+ "inheritedFrom": {
2698
+ "name": "Buttonsimple",
2699
+ "module": "src/components/buttonsimple/buttonsimple.component.ts"
2700
+ }
2701
+ },
2702
+ {
2703
+ "name": "type",
2704
+ "type": {
2705
+ "text": "ButtonType"
2706
+ },
2707
+ "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.",
2708
+ "default": "button",
2709
+ "fieldName": "type",
2710
+ "inheritedFrom": {
2711
+ "name": "Buttonsimple",
2712
+ "module": "src/components/buttonsimple/buttonsimple.component.ts"
2713
+ }
2731
2714
  }
2732
- ]
2715
+ ],
2716
+ "mixins": [
2717
+ {
2718
+ "name": "AvatarComponentMixin",
2719
+ "module": "/src/utils/mixins/AvatarComponentMixin"
2720
+ },
2721
+ {
2722
+ "name": "IconNameMixin",
2723
+ "module": "/src/utils/mixins/IconNameMixin"
2724
+ }
2725
+ ],
2726
+ "superclass": {
2727
+ "name": "Buttonsimple",
2728
+ "module": "/src/components/buttonsimple/buttonsimple.component"
2729
+ },
2730
+ "tagName": "mdc-avatarbutton",
2731
+ "jsDoc": "/**\n * The `mdc-avatarbutton` component is an interactable version of the `mdc-avatar` component.\n *\n * This component is made by extending `buttonsimple` class.\n * The button component acts as a wrapper for the avatar component.\n *\n * To override styles of the avatar inside, use the specified css parts.\n *\n * @dependency mdc-avatar\n *\n * @event click - (React: onClick) This event is dispatched when the avatarbutton is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the avatarbutton.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the avatarbutton.\n * @event focus - (React: onFocus) This event is dispatched when the avatarbutton receives focus.\n *\n * @tagname mdc-avatarbutton\n *\n * @cssproperty --mdc-avatarbutton-overlay-background-color-rest - Background color of the overlay in rest state\n * @cssproperty --mdc-avatarbutton-overlay-background-color-hover - Background color of the overlay in hover state\n * @cssproperty --mdc-avatarbutton-overlay-background-color-active - Background color of the overlay in active state\n *\n * @csspart overlay - The overlay part of the avatar button.\n * @csspart content - The main content of the avatar.\n * @csspart photo - The photo part of the avatar.\n * @csspart presence - The presence indicator part of the avatar.\n * @csspart loading-wrapper - The wrapper for the loading indicator of the avatar.\n * @csspart loader - The loading indicator part of the avatar.\n */",
2732
+ "customElement": true
2733
2733
  }
2734
2734
  ],
2735
2735
  "exports": [
@@ -2737,8 +2737,8 @@
2737
2737
  "kind": "js",
2738
2738
  "name": "default",
2739
2739
  "declaration": {
2740
- "name": "Avatar",
2741
- "module": "components/avatar/avatar.component.js"
2740
+ "name": "AvatarButton",
2741
+ "module": "components/avatarbutton/avatarbutton.component.js"
2742
2742
  }
2743
2743
  }
2744
2744
  ]
@@ -3464,17 +3464,17 @@
3464
3464
  },
3465
3465
  {
3466
3466
  "kind": "field",
3467
- "name": "autofocus",
3467
+ "name": "autoFocusOnMount",
3468
3468
  "type": {
3469
3469
  "text": "boolean"
3470
3470
  },
3471
3471
  "default": "false",
3472
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
3473
- "attribute": "autofocus",
3472
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
3473
+ "attribute": "auto-focus-on-mount",
3474
3474
  "reflects": true,
3475
3475
  "inheritedFrom": {
3476
- "name": "AutoFocusMixin",
3477
- "module": "utils/mixins/AutoFocusMixin.js"
3476
+ "name": "AutoFocusOnMountMixin",
3477
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
3478
3478
  }
3479
3479
  },
3480
3480
  {
@@ -3801,16 +3801,16 @@
3801
3801
  }
3802
3802
  },
3803
3803
  {
3804
- "name": "autofocus",
3804
+ "name": "auto-focus-on-mount",
3805
3805
  "type": {
3806
3806
  "text": "boolean"
3807
3807
  },
3808
3808
  "default": "false",
3809
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
3810
- "fieldName": "autofocus",
3809
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
3810
+ "fieldName": "autoFocusOnMount",
3811
3811
  "inheritedFrom": {
3812
- "name": "AutoFocusMixin",
3813
- "module": "src/utils/mixins/AutoFocusMixin.ts"
3812
+ "name": "AutoFocusOnMountMixin",
3813
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
3814
3814
  }
3815
3815
  },
3816
3816
  {
@@ -4906,17 +4906,17 @@
4906
4906
  },
4907
4907
  {
4908
4908
  "kind": "field",
4909
- "name": "autofocus",
4909
+ "name": "autoFocusOnMount",
4910
4910
  "type": {
4911
4911
  "text": "boolean"
4912
4912
  },
4913
4913
  "default": "false",
4914
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
4915
- "attribute": "autofocus",
4914
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
4915
+ "attribute": "auto-focus-on-mount",
4916
4916
  "reflects": true,
4917
4917
  "inheritedFrom": {
4918
- "name": "AutoFocusMixin",
4919
- "module": "utils/mixins/AutoFocusMixin.js"
4918
+ "name": "AutoFocusOnMountMixin",
4919
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
4920
4920
  }
4921
4921
  },
4922
4922
  {
@@ -5028,16 +5028,16 @@
5028
5028
  "fieldName": "type"
5029
5029
  },
5030
5030
  {
5031
- "name": "autofocus",
5031
+ "name": "auto-focus-on-mount",
5032
5032
  "type": {
5033
5033
  "text": "boolean"
5034
5034
  },
5035
5035
  "default": "false",
5036
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
5037
- "fieldName": "autofocus",
5036
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
5037
+ "fieldName": "autoFocusOnMount",
5038
5038
  "inheritedFrom": {
5039
- "name": "AutoFocusMixin",
5040
- "module": "src/utils/mixins/AutoFocusMixin.ts"
5039
+ "name": "AutoFocusOnMountMixin",
5040
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
5041
5041
  }
5042
5042
  },
5043
5043
  {
@@ -5069,8 +5069,8 @@
5069
5069
  ],
5070
5070
  "mixins": [
5071
5071
  {
5072
- "name": "AutoFocusMixin",
5073
- "module": "/src/utils/mixins/AutoFocusMixin"
5072
+ "name": "AutoFocusOnMountMixin",
5073
+ "module": "/src/utils/mixins/AutoFocusOnMountMixin"
5074
5074
  },
5075
5075
  {
5076
5076
  "name": "TabIndexMixin",
@@ -5813,13 +5813,13 @@
5813
5813
  },
5814
5814
  {
5815
5815
  "kind": "field",
5816
- "name": "autofocus",
5816
+ "name": "autoFocusOnMount",
5817
5817
  "type": {
5818
5818
  "text": "boolean"
5819
5819
  },
5820
5820
  "default": "false",
5821
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
5822
- "attribute": "autofocus",
5821
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
5822
+ "attribute": "auto-focus-on-mount",
5823
5823
  "reflects": true,
5824
5824
  "inheritedFrom": {
5825
5825
  "name": "Buttonsimple",
@@ -6262,13 +6262,13 @@
6262
6262
  }
6263
6263
  },
6264
6264
  {
6265
- "name": "autofocus",
6265
+ "name": "auto-focus-on-mount",
6266
6266
  "type": {
6267
6267
  "text": "boolean"
6268
6268
  },
6269
6269
  "default": "false",
6270
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
6271
- "fieldName": "autofocus",
6270
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
6271
+ "fieldName": "autoFocusOnMount",
6272
6272
  "inheritedFrom": {
6273
6273
  "name": "Buttonsimple",
6274
6274
  "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -7972,6 +7972,21 @@
7972
7972
  "name": "renderLabelAndHelperText",
7973
7973
  "privacy": "private"
7974
7974
  },
7975
+ {
7976
+ "kind": "field",
7977
+ "name": "autoFocusOnMount",
7978
+ "type": {
7979
+ "text": "boolean"
7980
+ },
7981
+ "default": "false",
7982
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
7983
+ "attribute": "auto-focus-on-mount",
7984
+ "reflects": true,
7985
+ "inheritedFrom": {
7986
+ "name": "AutoFocusOnMountMixin",
7987
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
7988
+ }
7989
+ },
7975
7990
  {
7976
7991
  "kind": "field",
7977
7992
  "name": "name",
@@ -8323,6 +8338,19 @@
8323
8338
  "description": "Automatically focus on the element when the page loads.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
8324
8339
  "fieldName": "autofocus"
8325
8340
  },
8341
+ {
8342
+ "name": "auto-focus-on-mount",
8343
+ "type": {
8344
+ "text": "boolean"
8345
+ },
8346
+ "default": "false",
8347
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
8348
+ "fieldName": "autoFocusOnMount",
8349
+ "inheritedFrom": {
8350
+ "name": "AutoFocusOnMountMixin",
8351
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
8352
+ }
8353
+ },
8326
8354
  {
8327
8355
  "name": "name",
8328
8356
  "type": {
@@ -8475,6 +8503,10 @@
8475
8503
  }
8476
8504
  ],
8477
8505
  "mixins": [
8506
+ {
8507
+ "name": "AutoFocusOnMountMixin",
8508
+ "module": "/src/utils/mixins/AutoFocusOnMountMixin"
8509
+ },
8478
8510
  {
8479
8511
  "name": "FormInternalsMixin",
8480
8512
  "module": "/src/utils/mixins/FormInternalsMixin"
@@ -8574,13 +8606,13 @@
8574
8606
  },
8575
8607
  {
8576
8608
  "kind": "field",
8577
- "name": "autofocus",
8609
+ "name": "autoFocusOnMount",
8578
8610
  "type": {
8579
8611
  "text": "boolean"
8580
8612
  },
8581
8613
  "default": "false",
8582
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
8583
- "attribute": "autofocus",
8614
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
8615
+ "attribute": "auto-focus-on-mount",
8584
8616
  "reflects": true,
8585
8617
  "inheritedFrom": {
8586
8618
  "name": "Buttonsimple",
@@ -8886,13 +8918,13 @@
8886
8918
  }
8887
8919
  },
8888
8920
  {
8889
- "name": "autofocus",
8921
+ "name": "auto-focus-on-mount",
8890
8922
  "type": {
8891
8923
  "text": "boolean"
8892
8924
  },
8893
8925
  "default": "false",
8894
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
8895
- "fieldName": "autofocus",
8926
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
8927
+ "fieldName": "autoFocusOnMount",
8896
8928
  "inheritedFrom": {
8897
8929
  "name": "Buttonsimple",
8898
8930
  "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -12513,13 +12545,13 @@
12513
12545
  },
12514
12546
  {
12515
12547
  "kind": "field",
12516
- "name": "autofocus",
12548
+ "name": "autoFocusOnMount",
12517
12549
  "type": {
12518
12550
  "text": "boolean"
12519
12551
  },
12520
12552
  "default": "false",
12521
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
12522
- "attribute": "autofocus",
12553
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
12554
+ "attribute": "auto-focus-on-mount",
12523
12555
  "reflects": true,
12524
12556
  "inheritedFrom": {
12525
12557
  "name": "Buttonsimple",
@@ -12833,13 +12865,13 @@
12833
12865
  }
12834
12866
  },
12835
12867
  {
12836
- "name": "autofocus",
12868
+ "name": "auto-focus-on-mount",
12837
12869
  "type": {
12838
12870
  "text": "boolean"
12839
12871
  },
12840
12872
  "default": "false",
12841
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
12842
- "fieldName": "autofocus",
12873
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
12874
+ "fieldName": "autoFocusOnMount",
12843
12875
  "inheritedFrom": {
12844
12876
  "name": "Buttonsimple",
12845
12877
  "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -14251,16 +14283,6 @@
14251
14283
  "default": "'off'",
14252
14284
  "attribute": "autocomplete"
14253
14285
  },
14254
- {
14255
- "kind": "field",
14256
- "name": "autofocus",
14257
- "type": {
14258
- "text": "boolean"
14259
- },
14260
- "default": "false",
14261
- "description": "If true, the input field is focused when the component is rendered.",
14262
- "attribute": "autofocus"
14263
- },
14264
14286
  {
14265
14287
  "kind": "field",
14266
14288
  "name": "dirname",
@@ -14422,6 +14444,21 @@
14422
14444
  }
14423
14445
  ]
14424
14446
  },
14447
+ {
14448
+ "kind": "field",
14449
+ "name": "autoFocusOnMount",
14450
+ "type": {
14451
+ "text": "boolean"
14452
+ },
14453
+ "default": "false",
14454
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
14455
+ "attribute": "auto-focus-on-mount",
14456
+ "reflects": true,
14457
+ "inheritedFrom": {
14458
+ "name": "AutoFocusOnMountMixin",
14459
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
14460
+ }
14461
+ },
14425
14462
  {
14426
14463
  "kind": "field",
14427
14464
  "name": "name",
@@ -14841,15 +14878,6 @@
14841
14878
  "default": "'off'",
14842
14879
  "fieldName": "autocomplete"
14843
14880
  },
14844
- {
14845
- "name": "autofocus",
14846
- "type": {
14847
- "text": "boolean"
14848
- },
14849
- "default": "false",
14850
- "description": "If true, the input field is focused when the component is rendered.",
14851
- "fieldName": "autofocus"
14852
- },
14853
14881
  {
14854
14882
  "name": "dirname",
14855
14883
  "type": {
@@ -14892,6 +14920,19 @@
14892
14920
  "description": "Aria label for the trailing button. If trailing button is set to true, this label is used for the clear button.",
14893
14921
  "fieldName": "clearAriaLabel"
14894
14922
  },
14923
+ {
14924
+ "name": "auto-focus-on-mount",
14925
+ "type": {
14926
+ "text": "boolean"
14927
+ },
14928
+ "default": "false",
14929
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
14930
+ "fieldName": "autoFocusOnMount",
14931
+ "inheritedFrom": {
14932
+ "name": "AutoFocusOnMountMixin",
14933
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
14934
+ }
14935
+ },
14895
14936
  {
14896
14937
  "name": "name",
14897
14938
  "type": {
@@ -15044,6 +15085,10 @@
15044
15085
  }
15045
15086
  ],
15046
15087
  "mixins": [
15088
+ {
15089
+ "name": "AutoFocusOnMountMixin",
15090
+ "module": "/src/utils/mixins/AutoFocusOnMountMixin"
15091
+ },
15047
15092
  {
15048
15093
  "name": "FormInternalsMixin",
15049
15094
  "module": "/src/utils/mixins/FormInternalsMixin"
@@ -15833,13 +15878,13 @@
15833
15878
  },
15834
15879
  {
15835
15880
  "kind": "field",
15836
- "name": "autofocus",
15881
+ "name": "autoFocusOnMount",
15837
15882
  "type": {
15838
15883
  "text": "boolean"
15839
15884
  },
15840
15885
  "default": "false",
15841
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
15842
- "attribute": "autofocus",
15886
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
15887
+ "attribute": "auto-focus-on-mount",
15843
15888
  "reflects": true,
15844
15889
  "inheritedFrom": {
15845
15890
  "name": "Buttonsimple",
@@ -16181,13 +16226,13 @@
16181
16226
  }
16182
16227
  },
16183
16228
  {
16184
- "name": "autofocus",
16229
+ "name": "auto-focus-on-mount",
16185
16230
  "type": {
16186
16231
  "text": "boolean"
16187
16232
  },
16188
16233
  "default": "false",
16189
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
16190
- "fieldName": "autofocus",
16234
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
16235
+ "fieldName": "autoFocusOnMount",
16191
16236
  "inheritedFrom": {
16192
16237
  "name": "Buttonsimple",
16193
16238
  "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -25906,6 +25951,21 @@
25906
25951
  "module": "components/input/input.component.js"
25907
25952
  }
25908
25953
  },
25954
+ {
25955
+ "kind": "field",
25956
+ "name": "autoFocusOnMount",
25957
+ "type": {
25958
+ "text": "boolean"
25959
+ },
25960
+ "default": "false",
25961
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
25962
+ "attribute": "auto-focus-on-mount",
25963
+ "reflects": true,
25964
+ "inheritedFrom": {
25965
+ "name": "AutoFocusOnMountMixin",
25966
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
25967
+ }
25968
+ },
25909
25969
  {
25910
25970
  "kind": "field",
25911
25971
  "name": "name",
@@ -26143,20 +26203,6 @@
26143
26203
  "module": "components/input/input.component.js"
26144
26204
  }
26145
26205
  },
26146
- {
26147
- "kind": "field",
26148
- "name": "autofocus",
26149
- "type": {
26150
- "text": "boolean"
26151
- },
26152
- "default": "false",
26153
- "description": "If true, the input field is focused when the component is rendered.",
26154
- "attribute": "autofocus",
26155
- "inheritedFrom": {
26156
- "name": "Input",
26157
- "module": "components/input/input.component.js"
26158
- }
26159
- },
26160
26206
  {
26161
26207
  "kind": "field",
26162
26208
  "name": "dirname",
@@ -26594,6 +26640,19 @@
26594
26640
  "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
26595
26641
  }
26596
26642
  },
26643
+ {
26644
+ "name": "auto-focus-on-mount",
26645
+ "type": {
26646
+ "text": "boolean"
26647
+ },
26648
+ "default": "false",
26649
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
26650
+ "fieldName": "autoFocusOnMount",
26651
+ "inheritedFrom": {
26652
+ "name": "AutoFocusOnMountMixin",
26653
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
26654
+ }
26655
+ },
26597
26656
  {
26598
26657
  "name": "name",
26599
26658
  "type": {
@@ -26758,19 +26817,6 @@
26758
26817
  "module": "src/components/input/input.component.ts"
26759
26818
  }
26760
26819
  },
26761
- {
26762
- "name": "autofocus",
26763
- "type": {
26764
- "text": "boolean"
26765
- },
26766
- "default": "false",
26767
- "description": "If true, the input field is focused when the component is rendered.",
26768
- "fieldName": "autofocus",
26769
- "inheritedFrom": {
26770
- "name": "Input",
26771
- "module": "src/components/input/input.component.ts"
26772
- }
26773
- },
26774
26820
  {
26775
26821
  "name": "dirname",
26776
26822
  "type": {
@@ -29803,17 +29849,6 @@
29803
29849
  "attribute": "readonly",
29804
29850
  "reflects": true
29805
29851
  },
29806
- {
29807
- "kind": "field",
29808
- "name": "autofocus",
29809
- "type": {
29810
- "text": "boolean"
29811
- },
29812
- "default": "false",
29813
- "description": "Automatically focus on the element when the page loads.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
29814
- "attribute": "autofocus",
29815
- "reflects": true
29816
- },
29817
29852
  {
29818
29853
  "kind": "method",
29819
29854
  "name": "getAllRadiosWithinSameGroup",
@@ -29921,6 +29956,21 @@
29921
29956
  "name": "renderLabelAndHelperText",
29922
29957
  "privacy": "private"
29923
29958
  },
29959
+ {
29960
+ "kind": "field",
29961
+ "name": "autoFocusOnMount",
29962
+ "type": {
29963
+ "text": "boolean"
29964
+ },
29965
+ "default": "false",
29966
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
29967
+ "attribute": "auto-focus-on-mount",
29968
+ "reflects": true,
29969
+ "inheritedFrom": {
29970
+ "name": "AutoFocusOnMountMixin",
29971
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
29972
+ }
29973
+ },
29924
29974
  {
29925
29975
  "kind": "field",
29926
29976
  "name": "name",
@@ -30262,13 +30312,17 @@
30262
30312
  "fieldName": "readonly"
30263
30313
  },
30264
30314
  {
30265
- "name": "autofocus",
30315
+ "name": "auto-focus-on-mount",
30266
30316
  "type": {
30267
30317
  "text": "boolean"
30268
30318
  },
30269
30319
  "default": "false",
30270
- "description": "Automatically focus on the element when the page loads.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
30271
- "fieldName": "autofocus"
30320
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
30321
+ "fieldName": "autoFocusOnMount",
30322
+ "inheritedFrom": {
30323
+ "name": "AutoFocusOnMountMixin",
30324
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
30325
+ }
30272
30326
  },
30273
30327
  {
30274
30328
  "name": "name",
@@ -30422,6 +30476,10 @@
30422
30476
  }
30423
30477
  ],
30424
30478
  "mixins": [
30479
+ {
30480
+ "name": "AutoFocusOnMountMixin",
30481
+ "module": "/src/utils/mixins/AutoFocusOnMountMixin"
30482
+ },
30425
30483
  {
30426
30484
  "name": "FormInternalsMixin",
30427
30485
  "module": "/src/utils/mixins/FormInternalsMixin"
@@ -30892,6 +30950,21 @@
30892
30950
  "module": "components/input/input.component.js"
30893
30951
  }
30894
30952
  },
30953
+ {
30954
+ "kind": "field",
30955
+ "name": "autoFocusOnMount",
30956
+ "type": {
30957
+ "text": "boolean"
30958
+ },
30959
+ "default": "false",
30960
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
30961
+ "attribute": "auto-focus-on-mount",
30962
+ "reflects": true,
30963
+ "inheritedFrom": {
30964
+ "name": "AutoFocusOnMountMixin",
30965
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
30966
+ }
30967
+ },
30895
30968
  {
30896
30969
  "kind": "field",
30897
30970
  "name": "name",
@@ -31129,20 +31202,6 @@
31129
31202
  "module": "components/input/input.component.js"
31130
31203
  }
31131
31204
  },
31132
- {
31133
- "kind": "field",
31134
- "name": "autofocus",
31135
- "type": {
31136
- "text": "boolean"
31137
- },
31138
- "default": "false",
31139
- "description": "If true, the input field is focused when the component is rendered.",
31140
- "attribute": "autofocus",
31141
- "inheritedFrom": {
31142
- "name": "Input",
31143
- "module": "components/input/input.component.js"
31144
- }
31145
- },
31146
31205
  {
31147
31206
  "kind": "field",
31148
31207
  "name": "dirname",
@@ -31590,9 +31649,22 @@
31590
31649
  "module": "/src/components/input/input.component"
31591
31650
  },
31592
31651
  "tagName": "mdc-searchfield",
31593
- "jsDoc": "/**\n * `mdc-searchfield` component is used as an input field for search functionality.\n *\n * It supports `mdc-inputchip` as filters.\n *\n * This component is built by extending the `mdc-input` component.\n *\n * @tagname mdc-searchfield\n * \n * @event input - (React: onInput) This event is dispatched when the value of the input field changes (every press).\n * @event change - (React: onChange) This event is dispatched when the value of the input field changes (on blur).\n * @event focus - (React: onFocus) This event is dispatched when the input receives focus.\n * @event blur - (React: onBlur) This event is dispatched when the input loses focus.\n * @event clear - (React: onClear) This event is dispatched when the input text is cleared.\n *\n * @slot filters - Slot for input chips\n */",
31652
+ "jsDoc": "/**\n * `mdc-searchfield` component is used as an input field for search functionality.\n *\n * It supports `mdc-inputchip` as filters.\n *\n * This component is built by extending the `mdc-input` component.\n *\n * @tagname mdc-searchfield\n *\n * @event input - (React: onInput) This event is dispatched when the value of the input field changes (every press).\n * @event change - (React: onChange) This event is dispatched when the value of the input field changes (on blur).\n * @event focus - (React: onFocus) This event is dispatched when the input receives focus.\n * @event blur - (React: onBlur) This event is dispatched when the input loses focus.\n * @event clear - (React: onClear) This event is dispatched when the input text is cleared.\n *\n * @slot filters - Slot for input chips\n */",
31594
31653
  "customElement": true,
31595
31654
  "attributes": [
31655
+ {
31656
+ "name": "auto-focus-on-mount",
31657
+ "type": {
31658
+ "text": "boolean"
31659
+ },
31660
+ "default": "false",
31661
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
31662
+ "fieldName": "autoFocusOnMount",
31663
+ "inheritedFrom": {
31664
+ "name": "AutoFocusOnMountMixin",
31665
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
31666
+ }
31667
+ },
31596
31668
  {
31597
31669
  "name": "name",
31598
31670
  "type": {
@@ -31757,19 +31829,6 @@
31757
31829
  "module": "src/components/input/input.component.ts"
31758
31830
  }
31759
31831
  },
31760
- {
31761
- "name": "autofocus",
31762
- "type": {
31763
- "text": "boolean"
31764
- },
31765
- "default": "false",
31766
- "description": "If true, the input field is focused when the component is rendered.",
31767
- "fieldName": "autofocus",
31768
- "inheritedFrom": {
31769
- "name": "Input",
31770
- "module": "src/components/input/input.component.ts"
31771
- }
31772
- },
31773
31832
  {
31774
31833
  "name": "dirname",
31775
31834
  "type": {
@@ -32075,6 +32134,185 @@
32075
32134
  }
32076
32135
  ]
32077
32136
  },
32137
+ {
32138
+ "kind": "javascript-module",
32139
+ "path": "components/screenreaderannouncer/screenreaderannouncer.component.js",
32140
+ "declarations": [
32141
+ {
32142
+ "kind": "class",
32143
+ "description": "`mdc-screenreaderannouncer` can be used to announce messages with the screen reader.\n\nTo make an announcement set `announcement` attribute on the `mdc-screenreaderannouncer` element.\n\n**Internal logic**\n\nWhen the screenreader announcer is connected to the DOM, if the `identity` attribute is not\nprovided, it is set to `mdc-screenreaderannouncer-identity` and a `<div>` element with this id is created\nin the DOM. If the `identity` attribute is provided, the identity element is used and no new element\nis created in the DOM.\n\nWhen the `announcement` attribute is set, the screenreader announcer will create a `<div>` element with\n`aria-live` attribute set to the value of `data-aria-live` attribute and append it to the `identity` element.\nAfter delay of `delay` milliseconds, a <p> element with the announcement text is appended to the `<div>` element.\n\nThe announcement `<div>` element is removed from the DOM after `timeout` milliseconds.\n\nWhen the screen announcer component is disconnected from the DOM, all the timeouts are cleared and\nall the announcement elements added are removed from the DOM and timeouts cleared.\n\n**Note**\n1. The default delay of 150 miliseconds is used as we dynamically generate the\naria-live region in the DOM and add the announcement text to it.\n3. If no `identity` is provided, all the screen reader components will create and use only one\n`<div>` element with id `mdc-screenreaderannouncer-identity` in the DOM.\n\nReference: https://patrickhlauke.github.io/aria/tests/live-regions/",
32144
+ "name": "ScreenreaderAnnouncer",
32145
+ "members": [
32146
+ {
32147
+ "kind": "field",
32148
+ "name": "announcement",
32149
+ "type": {
32150
+ "text": "string"
32151
+ },
32152
+ "default": "''",
32153
+ "description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
32154
+ "attribute": "announcement",
32155
+ "reflects": true
32156
+ },
32157
+ {
32158
+ "kind": "field",
32159
+ "name": "identity",
32160
+ "type": {
32161
+ "text": "string"
32162
+ },
32163
+ "default": "''",
32164
+ "description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
32165
+ "attribute": "identity",
32166
+ "reflects": true
32167
+ },
32168
+ {
32169
+ "kind": "field",
32170
+ "name": "dataAriaLive",
32171
+ "type": {
32172
+ "text": "AriaLive"
32173
+ },
32174
+ "description": "Aria live value for announcement.",
32175
+ "default": "'polite'",
32176
+ "attribute": "data-aria-live",
32177
+ "reflects": true
32178
+ },
32179
+ {
32180
+ "kind": "field",
32181
+ "name": "delay",
32182
+ "type": {
32183
+ "text": "number"
32184
+ },
32185
+ "description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
32186
+ "default": "150",
32187
+ "attribute": "delay",
32188
+ "reflects": true
32189
+ },
32190
+ {
32191
+ "kind": "field",
32192
+ "name": "timeout",
32193
+ "type": {
32194
+ "text": "number"
32195
+ },
32196
+ "description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
32197
+ "default": "20_000",
32198
+ "attribute": "timeout",
32199
+ "reflects": true
32200
+ },
32201
+ {
32202
+ "kind": "method",
32203
+ "name": "announce",
32204
+ "parameters": [
32205
+ {
32206
+ "name": "announcement",
32207
+ "type": {
32208
+ "text": "string"
32209
+ },
32210
+ "description": "The announcement to be made."
32211
+ },
32212
+ {
32213
+ "name": "delay",
32214
+ "type": {
32215
+ "text": "number"
32216
+ },
32217
+ "description": "The delay in milliseconds before announcing the message."
32218
+ },
32219
+ {
32220
+ "name": "timeout",
32221
+ "type": {
32222
+ "text": "number"
32223
+ },
32224
+ "description": "The timeout in milliseconds before removing the announcement."
32225
+ },
32226
+ {
32227
+ "name": "ariaLive",
32228
+ "type": {
32229
+ "text": "AriaLive"
32230
+ },
32231
+ "description": "The aria live value for the announcement."
32232
+ }
32233
+ ],
32234
+ "description": "Announces the given announcement to the screen reader.\n\nA div element with aria-live attribute set to the given ariaLive value is created\nand a p element with the announcement text is appended to it.\n\nThe div element is appended to the element in the DOM identified with id as\nidentity attribute."
32235
+ },
32236
+ {
32237
+ "kind": "method",
32238
+ "name": "clearTimeOutsAndAnnouncements",
32239
+ "privacy": "private",
32240
+ "description": "Clears all timeouts and removes all announcements from the screen reader."
32241
+ },
32242
+ {
32243
+ "kind": "method",
32244
+ "name": "createAnnouncementAriaLiveRegion",
32245
+ "privacy": "private",
32246
+ "description": "Creates a div element with id as identity attribute in the DOM.\n\nIf the identity attribute is not provided, it is set internally to\n`mdc-screenreaderannouncer-identity`."
32247
+ }
32248
+ ],
32249
+ "attributes": [
32250
+ {
32251
+ "name": "announcement",
32252
+ "type": {
32253
+ "text": "string"
32254
+ },
32255
+ "default": "''",
32256
+ "description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
32257
+ "fieldName": "announcement"
32258
+ },
32259
+ {
32260
+ "name": "identity",
32261
+ "type": {
32262
+ "text": "string"
32263
+ },
32264
+ "default": "''",
32265
+ "description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
32266
+ "fieldName": "identity"
32267
+ },
32268
+ {
32269
+ "name": "data-aria-live",
32270
+ "type": {
32271
+ "text": "AriaLive"
32272
+ },
32273
+ "description": "Aria live value for announcement.",
32274
+ "default": "'polite'",
32275
+ "fieldName": "dataAriaLive"
32276
+ },
32277
+ {
32278
+ "name": "delay",
32279
+ "type": {
32280
+ "text": "number"
32281
+ },
32282
+ "description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
32283
+ "default": "150",
32284
+ "fieldName": "delay"
32285
+ },
32286
+ {
32287
+ "name": "timeout",
32288
+ "type": {
32289
+ "text": "number"
32290
+ },
32291
+ "description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
32292
+ "default": "20_000",
32293
+ "fieldName": "timeout"
32294
+ }
32295
+ ],
32296
+ "superclass": {
32297
+ "name": "Component",
32298
+ "module": "/src/models"
32299
+ },
32300
+ "tagName": "mdc-screenreaderannouncer",
32301
+ "jsDoc": "/**\n * `mdc-screenreaderannouncer` can be used to announce messages with the screen reader.\n *\n * To make an announcement set `announcement` attribute on the `mdc-screenreaderannouncer` element.\n *\n * **Internal logic**\n *\n * When the screenreader announcer is connected to the DOM, if the `identity` attribute is not\n * provided, it is set to `mdc-screenreaderannouncer-identity` and a `<div>` element with this id is created\n * in the DOM. If the `identity` attribute is provided, the identity element is used and no new element\n * is created in the DOM.\n *\n * When the `announcement` attribute is set, the screenreader announcer will create a `<div>` element with\n * `aria-live` attribute set to the value of `data-aria-live` attribute and append it to the `identity` element.\n * After delay of `delay` milliseconds, a <p> element with the announcement text is appended to the `<div>` element.\n *\n * The announcement `<div>` element is removed from the DOM after `timeout` milliseconds.\n *\n * When the screen announcer component is disconnected from the DOM, all the timeouts are cleared and\n * all the announcement elements added are removed from the DOM and timeouts cleared.\n *\n * **Note**\n * 1. The default delay of 150 miliseconds is used as we dynamically generate the\n * aria-live region in the DOM and add the announcement text to it.\n * 3. If no `identity` is provided, all the screen reader components will create and use only one\n * `<div>` element with id `mdc-screenreaderannouncer-identity` in the DOM.\n *\n * Reference: https://patrickhlauke.github.io/aria/tests/live-regions/\n *\n * @tagname mdc-screenreaderannouncer\n */",
32302
+ "customElement": true
32303
+ }
32304
+ ],
32305
+ "exports": [
32306
+ {
32307
+ "kind": "js",
32308
+ "name": "default",
32309
+ "declaration": {
32310
+ "name": "ScreenreaderAnnouncer",
32311
+ "module": "components/screenreaderannouncer/screenreaderannouncer.component.js"
32312
+ }
32313
+ }
32314
+ ]
32315
+ },
32078
32316
  {
32079
32317
  "kind": "javascript-module",
32080
32318
  "path": "components/select/select.component.js",
@@ -32480,6 +32718,21 @@
32480
32718
  },
32481
32719
  "description": "Updates the state of the select component.\nThis public method should be fired when the selected on the option components is updated from the outside.\nIt ensures that the selected attribute is set correctly on the options\nand that the aria-selected attribute is updated accordingly."
32482
32720
  },
32721
+ {
32722
+ "kind": "field",
32723
+ "name": "autoFocusOnMount",
32724
+ "type": {
32725
+ "text": "boolean"
32726
+ },
32727
+ "default": "false",
32728
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
32729
+ "attribute": "auto-focus-on-mount",
32730
+ "reflects": true,
32731
+ "inheritedFrom": {
32732
+ "name": "AutoFocusOnMountMixin",
32733
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
32734
+ }
32735
+ },
32483
32736
  {
32484
32737
  "kind": "field",
32485
32738
  "name": "name",
@@ -32889,6 +33142,19 @@
32889
33142
  "description": "ID of the element where the backdrop will be appended to.\nThis is useful to ensure that the backdrop is appended to the correct element in the DOM.\nIf not set, the backdrop will be appended to the parent element of the select.",
32890
33143
  "fieldName": "backdropAppendTo"
32891
33144
  },
33145
+ {
33146
+ "name": "auto-focus-on-mount",
33147
+ "type": {
33148
+ "text": "boolean"
33149
+ },
33150
+ "default": "false",
33151
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
33152
+ "fieldName": "autoFocusOnMount",
33153
+ "inheritedFrom": {
33154
+ "name": "AutoFocusOnMountMixin",
33155
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
33156
+ }
33157
+ },
32892
33158
  {
32893
33159
  "name": "name",
32894
33160
  "type": {
@@ -33041,6 +33307,10 @@
33041
33307
  }
33042
33308
  ],
33043
33309
  "mixins": [
33310
+ {
33311
+ "name": "AutoFocusOnMountMixin",
33312
+ "module": "/src/utils/mixins/AutoFocusOnMountMixin"
33313
+ },
33044
33314
  {
33045
33315
  "name": "FormInternalsMixin",
33046
33316
  "module": "/src/utils/mixins/FormInternalsMixin"
@@ -33070,185 +33340,6 @@
33070
33340
  }
33071
33341
  ]
33072
33342
  },
33073
- {
33074
- "kind": "javascript-module",
33075
- "path": "components/screenreaderannouncer/screenreaderannouncer.component.js",
33076
- "declarations": [
33077
- {
33078
- "kind": "class",
33079
- "description": "`mdc-screenreaderannouncer` can be used to announce messages with the screen reader.\n\nTo make an announcement set `announcement` attribute on the `mdc-screenreaderannouncer` element.\n\n**Internal logic**\n\nWhen the screenreader announcer is connected to the DOM, if the `identity` attribute is not\nprovided, it is set to `mdc-screenreaderannouncer-identity` and a `<div>` element with this id is created\nin the DOM. If the `identity` attribute is provided, the identity element is used and no new element\nis created in the DOM.\n\nWhen the `announcement` attribute is set, the screenreader announcer will create a `<div>` element with\n`aria-live` attribute set to the value of `data-aria-live` attribute and append it to the `identity` element.\nAfter delay of `delay` milliseconds, a <p> element with the announcement text is appended to the `<div>` element.\n\nThe announcement `<div>` element is removed from the DOM after `timeout` milliseconds.\n\nWhen the screen announcer component is disconnected from the DOM, all the timeouts are cleared and\nall the announcement elements added are removed from the DOM and timeouts cleared.\n\n**Note**\n1. The default delay of 150 miliseconds is used as we dynamically generate the\naria-live region in the DOM and add the announcement text to it.\n3. If no `identity` is provided, all the screen reader components will create and use only one\n`<div>` element with id `mdc-screenreaderannouncer-identity` in the DOM.\n\nReference: https://patrickhlauke.github.io/aria/tests/live-regions/",
33080
- "name": "ScreenreaderAnnouncer",
33081
- "members": [
33082
- {
33083
- "kind": "field",
33084
- "name": "announcement",
33085
- "type": {
33086
- "text": "string"
33087
- },
33088
- "default": "''",
33089
- "description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
33090
- "attribute": "announcement",
33091
- "reflects": true
33092
- },
33093
- {
33094
- "kind": "field",
33095
- "name": "identity",
33096
- "type": {
33097
- "text": "string"
33098
- },
33099
- "default": "''",
33100
- "description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
33101
- "attribute": "identity",
33102
- "reflects": true
33103
- },
33104
- {
33105
- "kind": "field",
33106
- "name": "dataAriaLive",
33107
- "type": {
33108
- "text": "AriaLive"
33109
- },
33110
- "description": "Aria live value for announcement.",
33111
- "default": "'polite'",
33112
- "attribute": "data-aria-live",
33113
- "reflects": true
33114
- },
33115
- {
33116
- "kind": "field",
33117
- "name": "delay",
33118
- "type": {
33119
- "text": "number"
33120
- },
33121
- "description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
33122
- "default": "150",
33123
- "attribute": "delay",
33124
- "reflects": true
33125
- },
33126
- {
33127
- "kind": "field",
33128
- "name": "timeout",
33129
- "type": {
33130
- "text": "number"
33131
- },
33132
- "description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
33133
- "default": "20_000",
33134
- "attribute": "timeout",
33135
- "reflects": true
33136
- },
33137
- {
33138
- "kind": "method",
33139
- "name": "announce",
33140
- "parameters": [
33141
- {
33142
- "name": "announcement",
33143
- "type": {
33144
- "text": "string"
33145
- },
33146
- "description": "The announcement to be made."
33147
- },
33148
- {
33149
- "name": "delay",
33150
- "type": {
33151
- "text": "number"
33152
- },
33153
- "description": "The delay in milliseconds before announcing the message."
33154
- },
33155
- {
33156
- "name": "timeout",
33157
- "type": {
33158
- "text": "number"
33159
- },
33160
- "description": "The timeout in milliseconds before removing the announcement."
33161
- },
33162
- {
33163
- "name": "ariaLive",
33164
- "type": {
33165
- "text": "AriaLive"
33166
- },
33167
- "description": "The aria live value for the announcement."
33168
- }
33169
- ],
33170
- "description": "Announces the given announcement to the screen reader.\n\nA div element with aria-live attribute set to the given ariaLive value is created\nand a p element with the announcement text is appended to it.\n\nThe div element is appended to the element in the DOM identified with id as\nidentity attribute."
33171
- },
33172
- {
33173
- "kind": "method",
33174
- "name": "clearTimeOutsAndAnnouncements",
33175
- "privacy": "private",
33176
- "description": "Clears all timeouts and removes all announcements from the screen reader."
33177
- },
33178
- {
33179
- "kind": "method",
33180
- "name": "createAnnouncementAriaLiveRegion",
33181
- "privacy": "private",
33182
- "description": "Creates a div element with id as identity attribute in the DOM.\n\nIf the identity attribute is not provided, it is set internally to\n`mdc-screenreaderannouncer-identity`."
33183
- }
33184
- ],
33185
- "attributes": [
33186
- {
33187
- "name": "announcement",
33188
- "type": {
33189
- "text": "string"
33190
- },
33191
- "default": "''",
33192
- "description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
33193
- "fieldName": "announcement"
33194
- },
33195
- {
33196
- "name": "identity",
33197
- "type": {
33198
- "text": "string"
33199
- },
33200
- "default": "''",
33201
- "description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
33202
- "fieldName": "identity"
33203
- },
33204
- {
33205
- "name": "data-aria-live",
33206
- "type": {
33207
- "text": "AriaLive"
33208
- },
33209
- "description": "Aria live value for announcement.",
33210
- "default": "'polite'",
33211
- "fieldName": "dataAriaLive"
33212
- },
33213
- {
33214
- "name": "delay",
33215
- "type": {
33216
- "text": "number"
33217
- },
33218
- "description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
33219
- "default": "150",
33220
- "fieldName": "delay"
33221
- },
33222
- {
33223
- "name": "timeout",
33224
- "type": {
33225
- "text": "number"
33226
- },
33227
- "description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
33228
- "default": "20_000",
33229
- "fieldName": "timeout"
33230
- }
33231
- ],
33232
- "superclass": {
33233
- "name": "Component",
33234
- "module": "/src/models"
33235
- },
33236
- "tagName": "mdc-screenreaderannouncer",
33237
- "jsDoc": "/**\n * `mdc-screenreaderannouncer` can be used to announce messages with the screen reader.\n *\n * To make an announcement set `announcement` attribute on the `mdc-screenreaderannouncer` element.\n *\n * **Internal logic**\n *\n * When the screenreader announcer is connected to the DOM, if the `identity` attribute is not\n * provided, it is set to `mdc-screenreaderannouncer-identity` and a `<div>` element with this id is created\n * in the DOM. If the `identity` attribute is provided, the identity element is used and no new element\n * is created in the DOM.\n *\n * When the `announcement` attribute is set, the screenreader announcer will create a `<div>` element with\n * `aria-live` attribute set to the value of `data-aria-live` attribute and append it to the `identity` element.\n * After delay of `delay` milliseconds, a <p> element with the announcement text is appended to the `<div>` element.\n *\n * The announcement `<div>` element is removed from the DOM after `timeout` milliseconds.\n *\n * When the screen announcer component is disconnected from the DOM, all the timeouts are cleared and\n * all the announcement elements added are removed from the DOM and timeouts cleared.\n *\n * **Note**\n * 1. The default delay of 150 miliseconds is used as we dynamically generate the\n * aria-live region in the DOM and add the announcement text to it.\n * 3. If no `identity` is provided, all the screen reader components will create and use only one\n * `<div>` element with id `mdc-screenreaderannouncer-identity` in the DOM.\n *\n * Reference: https://patrickhlauke.github.io/aria/tests/live-regions/\n *\n * @tagname mdc-screenreaderannouncer\n */",
33238
- "customElement": true
33239
- }
33240
- ],
33241
- "exports": [
33242
- {
33243
- "kind": "js",
33244
- "name": "default",
33245
- "declaration": {
33246
- "name": "ScreenreaderAnnouncer",
33247
- "module": "components/screenreaderannouncer/screenreaderannouncer.component.js"
33248
- }
33249
- }
33250
- ]
33251
- },
33252
33343
  {
33253
33344
  "kind": "javascript-module",
33254
33345
  "path": "components/selectlistbox/selectlistbox.component.js",
@@ -34803,6 +34894,94 @@
34803
34894
  }
34804
34895
  ]
34805
34896
  },
34897
+ {
34898
+ "kind": "javascript-module",
34899
+ "path": "components/stepperconnector/stepperconnector.component.js",
34900
+ "declarations": [
34901
+ {
34902
+ "kind": "class",
34903
+ "description": "StepperConnector component visually represents the connection between two stepper items.\nIndicates whether the connection is complete or incomplete, and supports vertical or horizontal orientation.\nThey are used between 2 `mdc-stepperitem` components to visually connect them and wrapped in a `mdc-stepper` component.",
34904
+ "name": "StepperConnector",
34905
+ "cssProperties": [
34906
+ {
34907
+ "description": "Background color for the complete connector",
34908
+ "name": "--mdc-stepperconnector-complete-background"
34909
+ },
34910
+ {
34911
+ "description": "Background color for the incomplete connector",
34912
+ "name": "--mdc-stepperconnector-incomplete-background"
34913
+ }
34914
+ ],
34915
+ "cssParts": [
34916
+ {
34917
+ "description": "The main connector line between steps",
34918
+ "name": "connector"
34919
+ }
34920
+ ],
34921
+ "members": [
34922
+ {
34923
+ "kind": "field",
34924
+ "name": "status",
34925
+ "type": {
34926
+ "text": "StatusType"
34927
+ },
34928
+ "description": "The status of the connector (complete or incomplete)",
34929
+ "default": "\"incomplete\"",
34930
+ "attribute": "status",
34931
+ "reflects": true
34932
+ },
34933
+ {
34934
+ "kind": "field",
34935
+ "name": "orientation",
34936
+ "type": {
34937
+ "text": "OrientationType"
34938
+ },
34939
+ "description": "The orientation of the connector (vertical or horizontal)",
34940
+ "default": "\"horizontal\"",
34941
+ "attribute": "orientation",
34942
+ "reflects": true
34943
+ }
34944
+ ],
34945
+ "attributes": [
34946
+ {
34947
+ "name": "status",
34948
+ "type": {
34949
+ "text": "StatusType"
34950
+ },
34951
+ "description": "The status of the connector (complete or incomplete)",
34952
+ "default": "\"incomplete\"",
34953
+ "fieldName": "status"
34954
+ },
34955
+ {
34956
+ "name": "orientation",
34957
+ "type": {
34958
+ "text": "OrientationType"
34959
+ },
34960
+ "description": "The orientation of the connector (vertical or horizontal)",
34961
+ "default": "\"horizontal\"",
34962
+ "fieldName": "orientation"
34963
+ }
34964
+ ],
34965
+ "superclass": {
34966
+ "name": "Component",
34967
+ "module": "/src/models"
34968
+ },
34969
+ "tagName": "mdc-stepperconnector",
34970
+ "jsDoc": "/**\n * StepperConnector component visually represents the connection between two stepper items.\n * Indicates whether the connection is complete or incomplete, and supports vertical or horizontal orientation.\n * They are used between 2 `mdc-stepperitem` components to visually connect them and wrapped in a `mdc-stepper` component.\n *\n * @tagname mdc-stepperconnector\n *\n * @csspart connector - The main connector line between steps\n *\n * @cssproperty --mdc-stepperconnector-complete-background - Background color for the complete connector\n * @cssproperty --mdc-stepperconnector-incomplete-background - Background color for the incomplete connector\n */",
34971
+ "customElement": true
34972
+ }
34973
+ ],
34974
+ "exports": [
34975
+ {
34976
+ "kind": "js",
34977
+ "name": "default",
34978
+ "declaration": {
34979
+ "name": "StepperConnector",
34980
+ "module": "components/stepperconnector/stepperconnector.component.js"
34981
+ }
34982
+ }
34983
+ ]
34984
+ },
34806
34985
  {
34807
34986
  "kind": "javascript-module",
34808
34987
  "path": "components/stepperitem/stepperitem.component.js",
@@ -35100,94 +35279,6 @@
35100
35279
  }
35101
35280
  ]
35102
35281
  },
35103
- {
35104
- "kind": "javascript-module",
35105
- "path": "components/stepperconnector/stepperconnector.component.js",
35106
- "declarations": [
35107
- {
35108
- "kind": "class",
35109
- "description": "StepperConnector component visually represents the connection between two stepper items.\nIndicates whether the connection is complete or incomplete, and supports vertical or horizontal orientation.\nThey are used between 2 `mdc-stepperitem` components to visually connect them and wrapped in a `mdc-stepper` component.",
35110
- "name": "StepperConnector",
35111
- "cssProperties": [
35112
- {
35113
- "description": "Background color for the complete connector",
35114
- "name": "--mdc-stepperconnector-complete-background"
35115
- },
35116
- {
35117
- "description": "Background color for the incomplete connector",
35118
- "name": "--mdc-stepperconnector-incomplete-background"
35119
- }
35120
- ],
35121
- "cssParts": [
35122
- {
35123
- "description": "The main connector line between steps",
35124
- "name": "connector"
35125
- }
35126
- ],
35127
- "members": [
35128
- {
35129
- "kind": "field",
35130
- "name": "status",
35131
- "type": {
35132
- "text": "StatusType"
35133
- },
35134
- "description": "The status of the connector (complete or incomplete)",
35135
- "default": "\"incomplete\"",
35136
- "attribute": "status",
35137
- "reflects": true
35138
- },
35139
- {
35140
- "kind": "field",
35141
- "name": "orientation",
35142
- "type": {
35143
- "text": "OrientationType"
35144
- },
35145
- "description": "The orientation of the connector (vertical or horizontal)",
35146
- "default": "\"horizontal\"",
35147
- "attribute": "orientation",
35148
- "reflects": true
35149
- }
35150
- ],
35151
- "attributes": [
35152
- {
35153
- "name": "status",
35154
- "type": {
35155
- "text": "StatusType"
35156
- },
35157
- "description": "The status of the connector (complete or incomplete)",
35158
- "default": "\"incomplete\"",
35159
- "fieldName": "status"
35160
- },
35161
- {
35162
- "name": "orientation",
35163
- "type": {
35164
- "text": "OrientationType"
35165
- },
35166
- "description": "The orientation of the connector (vertical or horizontal)",
35167
- "default": "\"horizontal\"",
35168
- "fieldName": "orientation"
35169
- }
35170
- ],
35171
- "superclass": {
35172
- "name": "Component",
35173
- "module": "/src/models"
35174
- },
35175
- "tagName": "mdc-stepperconnector",
35176
- "jsDoc": "/**\n * StepperConnector component visually represents the connection between two stepper items.\n * Indicates whether the connection is complete or incomplete, and supports vertical or horizontal orientation.\n * They are used between 2 `mdc-stepperitem` components to visually connect them and wrapped in a `mdc-stepper` component.\n *\n * @tagname mdc-stepperconnector\n *\n * @csspart connector - The main connector line between steps\n *\n * @cssproperty --mdc-stepperconnector-complete-background - Background color for the complete connector\n * @cssproperty --mdc-stepperconnector-incomplete-background - Background color for the incomplete connector\n */",
35177
- "customElement": true
35178
- }
35179
- ],
35180
- "exports": [
35181
- {
35182
- "kind": "js",
35183
- "name": "default",
35184
- "declaration": {
35185
- "name": "StepperConnector",
35186
- "module": "components/stepperconnector/stepperconnector.component.js"
35187
- }
35188
- }
35189
- ]
35190
- },
35191
35282
  {
35192
35283
  "kind": "javascript-module",
35193
35284
  "path": "components/tab/tab.component.js",
@@ -35548,13 +35639,13 @@
35548
35639
  },
35549
35640
  {
35550
35641
  "kind": "field",
35551
- "name": "autofocus",
35642
+ "name": "autoFocusOnMount",
35552
35643
  "type": {
35553
35644
  "text": "boolean"
35554
35645
  },
35555
35646
  "default": "false",
35556
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
35557
- "attribute": "autofocus",
35647
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
35648
+ "attribute": "auto-focus-on-mount",
35558
35649
  "reflects": true,
35559
35650
  "inheritedFrom": {
35560
35651
  "name": "Buttonsimple",
@@ -35873,13 +35964,13 @@
35873
35964
  }
35874
35965
  },
35875
35966
  {
35876
- "name": "autofocus",
35967
+ "name": "auto-focus-on-mount",
35877
35968
  "type": {
35878
35969
  "text": "boolean"
35879
35970
  },
35880
35971
  "default": "false",
35881
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
35882
- "fieldName": "autofocus",
35972
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
35973
+ "fieldName": "autoFocusOnMount",
35883
35974
  "inheritedFrom": {
35884
35975
  "name": "Buttonsimple",
35885
35976
  "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -36317,16 +36408,6 @@
36317
36408
  "default": "'off'",
36318
36409
  "attribute": "autocomplete"
36319
36410
  },
36320
- {
36321
- "kind": "field",
36322
- "name": "autofocus",
36323
- "type": {
36324
- "text": "boolean"
36325
- },
36326
- "default": "false",
36327
- "description": "If true, the textarea field is focused when the component is rendered.",
36328
- "attribute": "autofocus"
36329
- },
36330
36411
  {
36331
36412
  "kind": "field",
36332
36413
  "name": "dirname",
@@ -36454,6 +36535,21 @@
36454
36535
  "name": "renderTextareaFooter",
36455
36536
  "privacy": "protected"
36456
36537
  },
36538
+ {
36539
+ "kind": "field",
36540
+ "name": "autoFocusOnMount",
36541
+ "type": {
36542
+ "text": "boolean"
36543
+ },
36544
+ "default": "false",
36545
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
36546
+ "attribute": "auto-focus-on-mount",
36547
+ "reflects": true,
36548
+ "inheritedFrom": {
36549
+ "name": "AutoFocusOnMountMixin",
36550
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
36551
+ }
36552
+ },
36457
36553
  {
36458
36554
  "kind": "field",
36459
36555
  "name": "name",
@@ -36858,15 +36954,6 @@
36858
36954
  "default": "'off'",
36859
36955
  "fieldName": "autocomplete"
36860
36956
  },
36861
- {
36862
- "name": "autofocus",
36863
- "type": {
36864
- "text": "boolean"
36865
- },
36866
- "default": "false",
36867
- "description": "If true, the textarea field is focused when the component is rendered.",
36868
- "fieldName": "autofocus"
36869
- },
36870
36957
  {
36871
36958
  "name": "dirname",
36872
36959
  "type": {
@@ -36899,6 +36986,19 @@
36899
36986
  "description": "maximum character limit for the textarea field for character counter.",
36900
36987
  "fieldName": "maxCharacterLimit"
36901
36988
  },
36989
+ {
36990
+ "name": "auto-focus-on-mount",
36991
+ "type": {
36992
+ "text": "boolean"
36993
+ },
36994
+ "default": "false",
36995
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
36996
+ "fieldName": "autoFocusOnMount",
36997
+ "inheritedFrom": {
36998
+ "name": "AutoFocusOnMountMixin",
36999
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
37000
+ }
37001
+ },
36902
37002
  {
36903
37003
  "name": "name",
36904
37004
  "type": {
@@ -37051,6 +37151,10 @@
37051
37151
  }
37052
37152
  ],
37053
37153
  "mixins": [
37154
+ {
37155
+ "name": "AutoFocusOnMountMixin",
37156
+ "module": "/src/utils/mixins/AutoFocusOnMountMixin"
37157
+ },
37054
37158
  {
37055
37159
  "name": "FormInternalsMixin",
37056
37160
  "module": "/src/utils/mixins/FormInternalsMixin"
@@ -37661,17 +37765,6 @@
37661
37765
  "attribute": "size",
37662
37766
  "reflects": true
37663
37767
  },
37664
- {
37665
- "kind": "field",
37666
- "name": "autofocus",
37667
- "type": {
37668
- "text": "boolean"
37669
- },
37670
- "default": "false",
37671
- "description": "Automatically focus on the element when the page loads.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
37672
- "attribute": "autofocus",
37673
- "reflects": true
37674
- },
37675
37768
  {
37676
37769
  "kind": "method",
37677
37770
  "name": "manageRequired",
@@ -37744,6 +37837,21 @@
37744
37837
  ],
37745
37838
  "description": "Sets the size attribute for the toggle component.\nIf the provided size is not included in the TOGGLE_SIZE,\nit defaults to the value specified in DEFAULTS.SIZE."
37746
37839
  },
37840
+ {
37841
+ "kind": "field",
37842
+ "name": "autoFocusOnMount",
37843
+ "type": {
37844
+ "text": "boolean"
37845
+ },
37846
+ "default": "false",
37847
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
37848
+ "attribute": "auto-focus-on-mount",
37849
+ "reflects": true,
37850
+ "inheritedFrom": {
37851
+ "name": "AutoFocusOnMountMixin",
37852
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
37853
+ }
37854
+ },
37747
37855
  {
37748
37856
  "kind": "field",
37749
37857
  "name": "name",
@@ -38087,13 +38195,17 @@
38087
38195
  "fieldName": "size"
38088
38196
  },
38089
38197
  {
38090
- "name": "autofocus",
38198
+ "name": "auto-focus-on-mount",
38091
38199
  "type": {
38092
38200
  "text": "boolean"
38093
38201
  },
38094
38202
  "default": "false",
38095
- "description": "Automatically focus on the element when the page loads.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
38096
- "fieldName": "autofocus"
38203
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
38204
+ "fieldName": "autoFocusOnMount",
38205
+ "inheritedFrom": {
38206
+ "name": "AutoFocusOnMountMixin",
38207
+ "module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
38208
+ }
38097
38209
  },
38098
38210
  {
38099
38211
  "name": "name",
@@ -38247,6 +38359,10 @@
38247
38359
  }
38248
38360
  ],
38249
38361
  "mixins": [
38362
+ {
38363
+ "name": "AutoFocusOnMountMixin",
38364
+ "module": "/src/utils/mixins/AutoFocusOnMountMixin"
38365
+ },
38250
38366
  {
38251
38367
  "name": "FormInternalsMixin",
38252
38368
  "module": "/src/utils/mixins/FormInternalsMixin"
@@ -42881,34 +42997,56 @@
42881
42997
  },
42882
42998
  {
42883
42999
  "kind": "javascript-module",
42884
- "path": "utils/mixins/AutoFocusMixin.js",
43000
+ "path": "utils/mixins/AutoFocusOnMountMixin.js",
42885
43001
  "declarations": [
43002
+ {
43003
+ "kind": "class",
43004
+ "description": "",
43005
+ "name": "AutoFocusOnMountMixinInterface",
43006
+ "members": [
43007
+ {
43008
+ "kind": "field",
43009
+ "name": "autoFocusOnMount",
43010
+ "type": {
43011
+ "text": "boolean | undefined"
43012
+ }
43013
+ },
43014
+ {
43015
+ "kind": "field",
43016
+ "name": "elementToAutoFocus",
43017
+ "type": {
43018
+ "text": "HTMLElement"
43019
+ },
43020
+ "privacy": "protected"
43021
+ }
43022
+ ]
43023
+ },
42886
43024
  {
42887
43025
  "kind": "mixin",
42888
43026
  "description": "",
42889
- "name": "AutoFocusMixin",
43027
+ "name": "AutoFocusOnMountMixin",
42890
43028
  "members": [
42891
43029
  {
42892
43030
  "kind": "field",
42893
- "name": "autofocus",
43031
+ "name": "autoFocusOnMount",
42894
43032
  "type": {
42895
43033
  "text": "boolean"
42896
43034
  },
42897
43035
  "default": "false",
42898
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
42899
- "attribute": "autofocus",
43036
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
43037
+ "attribute": "auto-focus-on-mount",
42900
43038
  "reflects": true
42901
43039
  }
42902
43040
  ],
42903
43041
  "attributes": [
42904
43042
  {
42905
- "name": "autofocus",
43043
+ "name": "auto-focus-on-mount",
42906
43044
  "type": {
42907
43045
  "text": "boolean"
42908
43046
  },
42909
43047
  "default": "false",
42910
- "description": "This property indicates whether the element should receive focus automatically when it is rendered.",
42911
- "fieldName": "autofocus"
43048
+ "description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
43049
+ "fieldName": "autoFocusOnMount"
42912
43050
  }
42913
43051
  ],
42914
43052
  "parameters": [
@@ -42924,10 +43062,18 @@
42924
43062
  "exports": [
42925
43063
  {
42926
43064
  "kind": "js",
42927
- "name": "AutoFocusMixin",
43065
+ "name": "AutoFocusOnMountMixinInterface",
43066
+ "declaration": {
43067
+ "name": "AutoFocusOnMountMixinInterface",
43068
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
43069
+ }
43070
+ },
43071
+ {
43072
+ "kind": "js",
43073
+ "name": "AutoFocusOnMountMixin",
42928
43074
  "declaration": {
42929
- "name": "AutoFocusMixin",
42930
- "module": "utils/mixins/AutoFocusMixin.js"
43075
+ "name": "AutoFocusOnMountMixin",
43076
+ "module": "utils/mixins/AutoFocusOnMountMixin.js"
42931
43077
  }
42932
43078
  }
42933
43079
  ]