@momentum-design/components 0.112.2 → 0.112.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +203 -178
- package/dist/browser/index.js.map +3 -3
- package/dist/components/buttonsimple/buttonsimple.component.js +1 -0
- package/dist/components/menupopover/menupopover.component.d.ts +1 -1
- package/dist/components/menupopover/menupopover.component.js +2 -2
- package/dist/components/popover/popover.component.d.ts +16 -15
- package/dist/components/popover/popover.component.js +86 -82
- package/dist/components/slider/slider.component.js +1 -1
- package/dist/components/slider/slider.styles.js +25 -0
- package/dist/custom-elements.json +2108 -2190
- package/dist/react/index.d.ts +4 -4
- package/dist/react/index.js +4 -4
- package/package.json +1 -1
|
@@ -2,481 +2,6 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
-
{
|
|
6
|
-
"kind": "javascript-module",
|
|
7
|
-
"path": "components/accordion/accordion.component.js",
|
|
8
|
-
"declarations": [
|
|
9
|
-
{
|
|
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",
|
|
13
|
-
"cssProperties": [
|
|
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
|
-
}
|
|
21
|
-
},
|
|
22
|
-
{
|
|
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
|
-
}
|
|
29
|
-
},
|
|
30
|
-
{
|
|
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
|
-
}
|
|
37
|
-
},
|
|
38
|
-
{
|
|
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
|
-
}
|
|
45
|
-
}
|
|
46
|
-
],
|
|
47
|
-
"cssParts": [
|
|
48
|
-
{
|
|
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
|
-
}
|
|
63
|
-
},
|
|
64
|
-
{
|
|
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
|
-
}
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"description": "The trailing header button of the accordion.",
|
|
74
|
-
"name": "trailing-header__button"
|
|
75
|
-
},
|
|
76
|
-
{
|
|
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
|
-
}
|
|
83
|
-
},
|
|
84
|
-
{
|
|
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
|
-
}
|
|
91
|
-
},
|
|
92
|
-
{
|
|
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
|
-
}
|
|
99
|
-
}
|
|
100
|
-
],
|
|
101
|
-
"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
|
-
{
|
|
111
|
-
"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
|
-
}
|
|
117
|
-
}
|
|
118
|
-
],
|
|
119
|
-
"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
|
-
{
|
|
151
|
-
"kind": "field",
|
|
152
|
-
"name": "size",
|
|
153
|
-
"type": {
|
|
154
|
-
"text": "Size"
|
|
155
|
-
},
|
|
156
|
-
"description": "The size of the accordion item.",
|
|
157
|
-
"default": "'small'",
|
|
158
|
-
"attribute": "size",
|
|
159
|
-
"reflects": true,
|
|
160
|
-
"inheritedFrom": {
|
|
161
|
-
"name": "AccordionButton",
|
|
162
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
163
|
-
}
|
|
164
|
-
},
|
|
165
|
-
{
|
|
166
|
-
"kind": "field",
|
|
167
|
-
"name": "variant",
|
|
168
|
-
"type": {
|
|
169
|
-
"text": "Variant"
|
|
170
|
-
},
|
|
171
|
-
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
172
|
-
"default": "'default'",
|
|
173
|
-
"attribute": "variant",
|
|
174
|
-
"reflects": true,
|
|
175
|
-
"inheritedFrom": {
|
|
176
|
-
"name": "AccordionButton",
|
|
177
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
178
|
-
}
|
|
179
|
-
},
|
|
180
|
-
{
|
|
181
|
-
"kind": "field",
|
|
182
|
-
"name": "dataAriaLevel",
|
|
183
|
-
"type": {
|
|
184
|
-
"text": "number"
|
|
185
|
-
},
|
|
186
|
-
"description": "The aria level of the accordion component.",
|
|
187
|
-
"default": "3",
|
|
188
|
-
"attribute": "data-aria-level",
|
|
189
|
-
"reflects": true,
|
|
190
|
-
"inheritedFrom": {
|
|
191
|
-
"name": "AccordionButton",
|
|
192
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
193
|
-
}
|
|
194
|
-
},
|
|
195
|
-
{
|
|
196
|
-
"kind": "field",
|
|
197
|
-
"name": "expanded",
|
|
198
|
-
"type": {
|
|
199
|
-
"text": "boolean"
|
|
200
|
-
},
|
|
201
|
-
"description": "The visibility of the accordion button.",
|
|
202
|
-
"default": "false",
|
|
203
|
-
"attribute": "expanded",
|
|
204
|
-
"reflects": true,
|
|
205
|
-
"inheritedFrom": {
|
|
206
|
-
"name": "AccordionButton",
|
|
207
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
208
|
-
}
|
|
209
|
-
},
|
|
210
|
-
{
|
|
211
|
-
"kind": "field",
|
|
212
|
-
"name": "headerText",
|
|
213
|
-
"type": {
|
|
214
|
-
"text": "string | undefined"
|
|
215
|
-
},
|
|
216
|
-
"description": "The header text of the accordion item.",
|
|
217
|
-
"attribute": "header-text",
|
|
218
|
-
"reflects": true,
|
|
219
|
-
"inheritedFrom": {
|
|
220
|
-
"name": "AccordionButton",
|
|
221
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
222
|
-
}
|
|
223
|
-
},
|
|
224
|
-
{
|
|
225
|
-
"kind": "field",
|
|
226
|
-
"name": "prefixIcon",
|
|
227
|
-
"type": {
|
|
228
|
-
"text": "IconNames | undefined"
|
|
229
|
-
},
|
|
230
|
-
"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
|
-
}
|
|
236
|
-
},
|
|
237
|
-
{
|
|
238
|
-
"kind": "method",
|
|
239
|
-
"name": "handleHeaderClick",
|
|
240
|
-
"privacy": "protected",
|
|
241
|
-
"return": {
|
|
242
|
-
"type": {
|
|
243
|
-
"text": "void"
|
|
244
|
-
}
|
|
245
|
-
},
|
|
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
|
-
}
|
|
251
|
-
},
|
|
252
|
-
{
|
|
253
|
-
"kind": "method",
|
|
254
|
-
"name": "dispatchHeaderClickEvent",
|
|
255
|
-
"privacy": "private",
|
|
256
|
-
"return": {
|
|
257
|
-
"type": {
|
|
258
|
-
"text": "void"
|
|
259
|
-
}
|
|
260
|
-
},
|
|
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
|
-
}
|
|
266
|
-
},
|
|
267
|
-
{
|
|
268
|
-
"kind": "method",
|
|
269
|
-
"name": "handleKeyDown",
|
|
270
|
-
"privacy": "private",
|
|
271
|
-
"return": {
|
|
272
|
-
"type": {
|
|
273
|
-
"text": "void"
|
|
274
|
-
}
|
|
275
|
-
},
|
|
276
|
-
"parameters": [
|
|
277
|
-
{
|
|
278
|
-
"name": "event",
|
|
279
|
-
"type": {
|
|
280
|
-
"text": "KeyboardEvent"
|
|
281
|
-
},
|
|
282
|
-
"description": "The KeyboardEvent fired."
|
|
283
|
-
}
|
|
284
|
-
],
|
|
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
|
-
}
|
|
290
|
-
},
|
|
291
|
-
{
|
|
292
|
-
"kind": "method",
|
|
293
|
-
"name": "renderIcon",
|
|
294
|
-
"privacy": "protected",
|
|
295
|
-
"return": {
|
|
296
|
-
"type": {
|
|
297
|
-
"text": "TemplateResult | typeof nothing"
|
|
298
|
-
}
|
|
299
|
-
},
|
|
300
|
-
"parameters": [
|
|
301
|
-
{
|
|
302
|
-
"name": "iconName",
|
|
303
|
-
"optional": true,
|
|
304
|
-
"type": {
|
|
305
|
-
"text": "IconNames"
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
|
-
],
|
|
309
|
-
"inheritedFrom": {
|
|
310
|
-
"name": "AccordionButton",
|
|
311
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
312
|
-
}
|
|
313
|
-
},
|
|
314
|
-
{
|
|
315
|
-
"kind": "method",
|
|
316
|
-
"name": "renderHeadingText",
|
|
317
|
-
"privacy": "protected",
|
|
318
|
-
"return": {
|
|
319
|
-
"type": {
|
|
320
|
-
"text": "TemplateResult | typeof nothing"
|
|
321
|
-
}
|
|
322
|
-
},
|
|
323
|
-
"inheritedFrom": {
|
|
324
|
-
"name": "AccordionButton",
|
|
325
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
326
|
-
}
|
|
327
|
-
},
|
|
328
|
-
{
|
|
329
|
-
"kind": "method",
|
|
330
|
-
"name": "getArrowIconName",
|
|
331
|
-
"privacy": "protected",
|
|
332
|
-
"return": {
|
|
333
|
-
"type": {
|
|
334
|
-
"text": ""
|
|
335
|
-
}
|
|
336
|
-
},
|
|
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
|
-
}
|
|
342
|
-
},
|
|
343
|
-
{
|
|
344
|
-
"kind": "method",
|
|
345
|
-
"name": "renderBody",
|
|
346
|
-
"privacy": "protected",
|
|
347
|
-
"return": {
|
|
348
|
-
"type": {
|
|
349
|
-
"text": "TemplateResult | typeof nothing"
|
|
350
|
-
}
|
|
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
|
-
}
|
|
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": [
|
|
377
|
-
{
|
|
378
|
-
"name": "disabled",
|
|
379
|
-
"type": {
|
|
380
|
-
"text": "boolean | undefined"
|
|
381
|
-
},
|
|
382
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
383
|
-
"default": "undefined",
|
|
384
|
-
"fieldName": "disabled",
|
|
385
|
-
"inheritedFrom": {
|
|
386
|
-
"name": "DisabledMixin",
|
|
387
|
-
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
388
|
-
}
|
|
389
|
-
},
|
|
390
|
-
{
|
|
391
|
-
"name": "size",
|
|
392
|
-
"type": {
|
|
393
|
-
"text": "Size"
|
|
394
|
-
},
|
|
395
|
-
"description": "The size of the accordion item.",
|
|
396
|
-
"default": "'small'",
|
|
397
|
-
"fieldName": "size",
|
|
398
|
-
"inheritedFrom": {
|
|
399
|
-
"name": "AccordionButton",
|
|
400
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
401
|
-
}
|
|
402
|
-
},
|
|
403
|
-
{
|
|
404
|
-
"name": "variant",
|
|
405
|
-
"type": {
|
|
406
|
-
"text": "Variant"
|
|
407
|
-
},
|
|
408
|
-
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
409
|
-
"default": "'default'",
|
|
410
|
-
"fieldName": "variant",
|
|
411
|
-
"inheritedFrom": {
|
|
412
|
-
"name": "AccordionButton",
|
|
413
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
414
|
-
}
|
|
415
|
-
},
|
|
416
|
-
{
|
|
417
|
-
"name": "data-aria-level",
|
|
418
|
-
"type": {
|
|
419
|
-
"text": "number"
|
|
420
|
-
},
|
|
421
|
-
"description": "The aria level of the accordion component.",
|
|
422
|
-
"default": "3",
|
|
423
|
-
"fieldName": "dataAriaLevel",
|
|
424
|
-
"inheritedFrom": {
|
|
425
|
-
"name": "AccordionButton",
|
|
426
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
427
|
-
}
|
|
428
|
-
},
|
|
429
|
-
{
|
|
430
|
-
"name": "expanded",
|
|
431
|
-
"type": {
|
|
432
|
-
"text": "boolean"
|
|
433
|
-
},
|
|
434
|
-
"description": "The visibility of the accordion button.",
|
|
435
|
-
"default": "false",
|
|
436
|
-
"fieldName": "expanded",
|
|
437
|
-
"inheritedFrom": {
|
|
438
|
-
"name": "AccordionButton",
|
|
439
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
440
|
-
}
|
|
441
|
-
},
|
|
442
|
-
{
|
|
443
|
-
"name": "header-text",
|
|
444
|
-
"type": {
|
|
445
|
-
"text": "string | undefined"
|
|
446
|
-
},
|
|
447
|
-
"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
|
-
}
|
|
453
|
-
},
|
|
454
|
-
{
|
|
455
|
-
"name": "prefix-icon",
|
|
456
|
-
"type": {
|
|
457
|
-
"text": "IconNames | undefined"
|
|
458
|
-
},
|
|
459
|
-
"description": "The leading icon that is displayed before the header text.",
|
|
460
|
-
"fieldName": "prefixIcon",
|
|
461
|
-
"inheritedFrom": {
|
|
462
|
-
"name": "AccordionButton",
|
|
463
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
464
|
-
}
|
|
465
|
-
}
|
|
466
|
-
]
|
|
467
|
-
}
|
|
468
|
-
],
|
|
469
|
-
"exports": [
|
|
470
|
-
{
|
|
471
|
-
"kind": "js",
|
|
472
|
-
"name": "default",
|
|
473
|
-
"declaration": {
|
|
474
|
-
"name": "Accordion",
|
|
475
|
-
"module": "components/accordion/accordion.component.js"
|
|
476
|
-
}
|
|
477
|
-
}
|
|
478
|
-
]
|
|
479
|
-
},
|
|
480
5
|
{
|
|
481
6
|
"kind": "javascript-module",
|
|
482
7
|
"path": "components/accordionbutton/accordionbutton.component.js",
|
|
@@ -970,33 +495,508 @@
|
|
|
970
495
|
},
|
|
971
496
|
{
|
|
972
497
|
"kind": "javascript-module",
|
|
973
|
-
"path": "components/
|
|
498
|
+
"path": "components/accordion/accordion.component.js",
|
|
974
499
|
"declarations": [
|
|
975
500
|
{
|
|
976
501
|
"kind": "class",
|
|
977
|
-
"description": "
|
|
978
|
-
"name": "
|
|
502
|
+
"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.",
|
|
503
|
+
"name": "Accordion",
|
|
979
504
|
"cssProperties": [
|
|
980
505
|
{
|
|
981
|
-
"description": "The color of the
|
|
982
|
-
"name": "--mdc-
|
|
506
|
+
"description": "The border color of the accordion.",
|
|
507
|
+
"name": "--mdc-accordionbutton-border-color",
|
|
508
|
+
"inheritedFrom": {
|
|
509
|
+
"name": "AccordionButton",
|
|
510
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
511
|
+
}
|
|
983
512
|
},
|
|
984
513
|
{
|
|
985
|
-
"description": "The color of the
|
|
986
|
-
"name": "--mdc-
|
|
514
|
+
"description": "The hover color of the accordion.",
|
|
515
|
+
"name": "--mdc-accordionbutton-hover-color",
|
|
516
|
+
"inheritedFrom": {
|
|
517
|
+
"name": "AccordionButton",
|
|
518
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
519
|
+
}
|
|
987
520
|
},
|
|
988
521
|
{
|
|
989
|
-
"description": "The
|
|
990
|
-
"name": "--mdc-
|
|
522
|
+
"description": "The active color of the accordion.",
|
|
523
|
+
"name": "--mdc-accordionbutton-active-color",
|
|
524
|
+
"inheritedFrom": {
|
|
525
|
+
"name": "AccordionButton",
|
|
526
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
527
|
+
}
|
|
991
528
|
},
|
|
992
529
|
{
|
|
993
|
-
"description": "The
|
|
994
|
-
"name": "--mdc-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
530
|
+
"description": "The disabled color of the accordion.",
|
|
531
|
+
"name": "--mdc-accordionbutton-disabled-color",
|
|
532
|
+
"inheritedFrom": {
|
|
533
|
+
"name": "AccordionButton",
|
|
534
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
535
|
+
}
|
|
536
|
+
}
|
|
537
|
+
],
|
|
538
|
+
"cssParts": [
|
|
539
|
+
{
|
|
540
|
+
"description": "The header section of the accordion.",
|
|
541
|
+
"name": "header-section",
|
|
542
|
+
"inheritedFrom": {
|
|
543
|
+
"name": "AccordionButton",
|
|
544
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
545
|
+
}
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"description": "The leading header of the accordion.",
|
|
549
|
+
"name": "leading-header",
|
|
550
|
+
"inheritedFrom": {
|
|
551
|
+
"name": "AccordionButton",
|
|
552
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
553
|
+
}
|
|
554
|
+
},
|
|
555
|
+
{
|
|
556
|
+
"description": "The trailing header of the accordion.",
|
|
557
|
+
"name": "trailing-header",
|
|
558
|
+
"inheritedFrom": {
|
|
559
|
+
"name": "AccordionButton",
|
|
560
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
561
|
+
}
|
|
562
|
+
},
|
|
563
|
+
{
|
|
564
|
+
"description": "The trailing header button of the accordion.",
|
|
565
|
+
"name": "trailing-header__button"
|
|
566
|
+
},
|
|
567
|
+
{
|
|
568
|
+
"description": "The body section of the accordion.",
|
|
569
|
+
"name": "body-section",
|
|
570
|
+
"inheritedFrom": {
|
|
571
|
+
"name": "AccordionButton",
|
|
572
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
573
|
+
}
|
|
574
|
+
},
|
|
575
|
+
{
|
|
576
|
+
"description": "The header button section of the accordion button.",
|
|
577
|
+
"name": "header-button-section",
|
|
578
|
+
"inheritedFrom": {
|
|
579
|
+
"name": "AccordionButton",
|
|
580
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
581
|
+
}
|
|
582
|
+
},
|
|
583
|
+
{
|
|
584
|
+
"description": "The trailing header icon of the accordion button.",
|
|
585
|
+
"name": "trailing-header__icon",
|
|
586
|
+
"inheritedFrom": {
|
|
587
|
+
"name": "AccordionButton",
|
|
588
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
589
|
+
}
|
|
590
|
+
}
|
|
591
|
+
],
|
|
592
|
+
"slots": [
|
|
593
|
+
{
|
|
594
|
+
"description": "The leading controls slot of the accordion on the header section.",
|
|
595
|
+
"name": "leading-controls"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"description": "The trailing controls slot of the accordion on the header section.",
|
|
599
|
+
"name": "trailing-controls"
|
|
600
|
+
},
|
|
601
|
+
{
|
|
602
|
+
"description": "The default slot contains the body section of the accordion. User can place anything inside this body slot.",
|
|
603
|
+
"name": "default",
|
|
604
|
+
"inheritedFrom": {
|
|
605
|
+
"name": "AccordionButton",
|
|
606
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
607
|
+
}
|
|
608
|
+
}
|
|
609
|
+
],
|
|
610
|
+
"members": [
|
|
611
|
+
{
|
|
612
|
+
"kind": "method",
|
|
613
|
+
"name": "renderHeader",
|
|
614
|
+
"privacy": "protected",
|
|
615
|
+
"return": {
|
|
616
|
+
"type": {
|
|
617
|
+
"text": ""
|
|
618
|
+
}
|
|
619
|
+
},
|
|
620
|
+
"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.",
|
|
621
|
+
"inheritedFrom": {
|
|
622
|
+
"name": "AccordionButton",
|
|
623
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
624
|
+
}
|
|
625
|
+
},
|
|
626
|
+
{
|
|
627
|
+
"kind": "field",
|
|
628
|
+
"name": "disabled",
|
|
629
|
+
"type": {
|
|
630
|
+
"text": "boolean | undefined"
|
|
631
|
+
},
|
|
632
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
633
|
+
"default": "undefined",
|
|
634
|
+
"attribute": "disabled",
|
|
635
|
+
"reflects": true,
|
|
636
|
+
"inheritedFrom": {
|
|
637
|
+
"name": "AccordionButton",
|
|
638
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
639
|
+
}
|
|
640
|
+
},
|
|
641
|
+
{
|
|
642
|
+
"kind": "field",
|
|
643
|
+
"name": "size",
|
|
644
|
+
"type": {
|
|
645
|
+
"text": "Size"
|
|
646
|
+
},
|
|
647
|
+
"description": "The size of the accordion item.",
|
|
648
|
+
"default": "'small'",
|
|
649
|
+
"attribute": "size",
|
|
650
|
+
"reflects": true,
|
|
651
|
+
"inheritedFrom": {
|
|
652
|
+
"name": "AccordionButton",
|
|
653
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
654
|
+
}
|
|
655
|
+
},
|
|
656
|
+
{
|
|
657
|
+
"kind": "field",
|
|
658
|
+
"name": "variant",
|
|
659
|
+
"type": {
|
|
660
|
+
"text": "Variant"
|
|
661
|
+
},
|
|
662
|
+
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
663
|
+
"default": "'default'",
|
|
664
|
+
"attribute": "variant",
|
|
665
|
+
"reflects": true,
|
|
666
|
+
"inheritedFrom": {
|
|
667
|
+
"name": "AccordionButton",
|
|
668
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
669
|
+
}
|
|
670
|
+
},
|
|
671
|
+
{
|
|
672
|
+
"kind": "field",
|
|
673
|
+
"name": "dataAriaLevel",
|
|
674
|
+
"type": {
|
|
675
|
+
"text": "number"
|
|
676
|
+
},
|
|
677
|
+
"description": "The aria level of the accordion component.",
|
|
678
|
+
"default": "3",
|
|
679
|
+
"attribute": "data-aria-level",
|
|
680
|
+
"reflects": true,
|
|
681
|
+
"inheritedFrom": {
|
|
682
|
+
"name": "AccordionButton",
|
|
683
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
684
|
+
}
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"kind": "field",
|
|
688
|
+
"name": "expanded",
|
|
689
|
+
"type": {
|
|
690
|
+
"text": "boolean"
|
|
691
|
+
},
|
|
692
|
+
"description": "The visibility of the accordion button.",
|
|
693
|
+
"default": "false",
|
|
694
|
+
"attribute": "expanded",
|
|
695
|
+
"reflects": true,
|
|
696
|
+
"inheritedFrom": {
|
|
697
|
+
"name": "AccordionButton",
|
|
698
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
699
|
+
}
|
|
700
|
+
},
|
|
701
|
+
{
|
|
702
|
+
"kind": "field",
|
|
703
|
+
"name": "headerText",
|
|
704
|
+
"type": {
|
|
705
|
+
"text": "string | undefined"
|
|
706
|
+
},
|
|
707
|
+
"description": "The header text of the accordion item.",
|
|
708
|
+
"attribute": "header-text",
|
|
709
|
+
"reflects": true,
|
|
710
|
+
"inheritedFrom": {
|
|
711
|
+
"name": "AccordionButton",
|
|
712
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
713
|
+
}
|
|
714
|
+
},
|
|
715
|
+
{
|
|
716
|
+
"kind": "field",
|
|
717
|
+
"name": "prefixIcon",
|
|
718
|
+
"type": {
|
|
719
|
+
"text": "IconNames | undefined"
|
|
720
|
+
},
|
|
721
|
+
"description": "The leading icon that is displayed before the header text.",
|
|
722
|
+
"attribute": "prefix-icon",
|
|
723
|
+
"inheritedFrom": {
|
|
724
|
+
"name": "AccordionButton",
|
|
725
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
726
|
+
}
|
|
727
|
+
},
|
|
728
|
+
{
|
|
729
|
+
"kind": "method",
|
|
730
|
+
"name": "handleHeaderClick",
|
|
731
|
+
"privacy": "protected",
|
|
732
|
+
"return": {
|
|
733
|
+
"type": {
|
|
734
|
+
"text": "void"
|
|
735
|
+
}
|
|
736
|
+
},
|
|
737
|
+
"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.",
|
|
738
|
+
"inheritedFrom": {
|
|
739
|
+
"name": "AccordionButton",
|
|
740
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
741
|
+
}
|
|
742
|
+
},
|
|
743
|
+
{
|
|
744
|
+
"kind": "method",
|
|
745
|
+
"name": "dispatchHeaderClickEvent",
|
|
746
|
+
"privacy": "private",
|
|
747
|
+
"return": {
|
|
748
|
+
"type": {
|
|
749
|
+
"text": "void"
|
|
750
|
+
}
|
|
751
|
+
},
|
|
752
|
+
"description": "Dispatches the `shown` event with the current expanded state.\nThe event is cancelable and bubbles.\nThe event detail contains the current expanded state.",
|
|
753
|
+
"inheritedFrom": {
|
|
754
|
+
"name": "AccordionButton",
|
|
755
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
756
|
+
}
|
|
757
|
+
},
|
|
758
|
+
{
|
|
759
|
+
"kind": "method",
|
|
760
|
+
"name": "handleKeyDown",
|
|
761
|
+
"privacy": "private",
|
|
762
|
+
"return": {
|
|
763
|
+
"type": {
|
|
764
|
+
"text": "void"
|
|
765
|
+
}
|
|
766
|
+
},
|
|
767
|
+
"parameters": [
|
|
768
|
+
{
|
|
769
|
+
"name": "event",
|
|
770
|
+
"type": {
|
|
771
|
+
"text": "KeyboardEvent"
|
|
772
|
+
},
|
|
773
|
+
"description": "The KeyboardEvent fired."
|
|
774
|
+
}
|
|
775
|
+
],
|
|
776
|
+
"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.",
|
|
777
|
+
"inheritedFrom": {
|
|
778
|
+
"name": "AccordionButton",
|
|
779
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
780
|
+
}
|
|
781
|
+
},
|
|
782
|
+
{
|
|
783
|
+
"kind": "method",
|
|
784
|
+
"name": "renderIcon",
|
|
785
|
+
"privacy": "protected",
|
|
786
|
+
"return": {
|
|
787
|
+
"type": {
|
|
788
|
+
"text": "TemplateResult | typeof nothing"
|
|
789
|
+
}
|
|
790
|
+
},
|
|
791
|
+
"parameters": [
|
|
792
|
+
{
|
|
793
|
+
"name": "iconName",
|
|
794
|
+
"optional": true,
|
|
795
|
+
"type": {
|
|
796
|
+
"text": "IconNames"
|
|
797
|
+
}
|
|
798
|
+
}
|
|
799
|
+
],
|
|
800
|
+
"inheritedFrom": {
|
|
801
|
+
"name": "AccordionButton",
|
|
802
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
803
|
+
}
|
|
804
|
+
},
|
|
805
|
+
{
|
|
806
|
+
"kind": "method",
|
|
807
|
+
"name": "renderHeadingText",
|
|
808
|
+
"privacy": "protected",
|
|
809
|
+
"return": {
|
|
810
|
+
"type": {
|
|
811
|
+
"text": "TemplateResult | typeof nothing"
|
|
812
|
+
}
|
|
813
|
+
},
|
|
814
|
+
"inheritedFrom": {
|
|
815
|
+
"name": "AccordionButton",
|
|
816
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
817
|
+
}
|
|
818
|
+
},
|
|
819
|
+
{
|
|
820
|
+
"kind": "method",
|
|
821
|
+
"name": "getArrowIconName",
|
|
822
|
+
"privacy": "protected",
|
|
823
|
+
"return": {
|
|
824
|
+
"type": {
|
|
825
|
+
"text": ""
|
|
826
|
+
}
|
|
827
|
+
},
|
|
828
|
+
"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.",
|
|
829
|
+
"inheritedFrom": {
|
|
830
|
+
"name": "AccordionButton",
|
|
831
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
832
|
+
}
|
|
833
|
+
},
|
|
834
|
+
{
|
|
835
|
+
"kind": "method",
|
|
836
|
+
"name": "renderBody",
|
|
837
|
+
"privacy": "protected",
|
|
838
|
+
"return": {
|
|
839
|
+
"type": {
|
|
840
|
+
"text": "TemplateResult | typeof nothing"
|
|
841
|
+
}
|
|
842
|
+
},
|
|
843
|
+
"inheritedFrom": {
|
|
844
|
+
"name": "AccordionButton",
|
|
845
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
846
|
+
}
|
|
847
|
+
}
|
|
848
|
+
],
|
|
849
|
+
"events": [
|
|
850
|
+
{
|
|
851
|
+
"description": "(React: onShown) This event is triggered when the accordion is expanded.",
|
|
852
|
+
"name": "shown",
|
|
853
|
+
"reactName": "onShown",
|
|
854
|
+
"inheritedFrom": {
|
|
855
|
+
"name": "AccordionButton",
|
|
856
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
857
|
+
}
|
|
858
|
+
}
|
|
859
|
+
],
|
|
860
|
+
"superclass": {
|
|
861
|
+
"name": "AccordionButton",
|
|
862
|
+
"module": "/src/components/accordionbutton/accordionbutton.component"
|
|
863
|
+
},
|
|
864
|
+
"tagName": "mdc-accordion",
|
|
865
|
+
"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 */",
|
|
866
|
+
"customElement": true,
|
|
867
|
+
"attributes": [
|
|
868
|
+
{
|
|
869
|
+
"name": "disabled",
|
|
870
|
+
"type": {
|
|
871
|
+
"text": "boolean | undefined"
|
|
872
|
+
},
|
|
873
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
874
|
+
"default": "undefined",
|
|
875
|
+
"fieldName": "disabled",
|
|
876
|
+
"inheritedFrom": {
|
|
877
|
+
"name": "AccordionButton",
|
|
878
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
879
|
+
}
|
|
880
|
+
},
|
|
881
|
+
{
|
|
882
|
+
"name": "size",
|
|
883
|
+
"type": {
|
|
884
|
+
"text": "Size"
|
|
885
|
+
},
|
|
886
|
+
"description": "The size of the accordion item.",
|
|
887
|
+
"default": "'small'",
|
|
888
|
+
"fieldName": "size",
|
|
889
|
+
"inheritedFrom": {
|
|
890
|
+
"name": "AccordionButton",
|
|
891
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
892
|
+
}
|
|
893
|
+
},
|
|
894
|
+
{
|
|
895
|
+
"name": "variant",
|
|
896
|
+
"type": {
|
|
897
|
+
"text": "Variant"
|
|
898
|
+
},
|
|
899
|
+
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
900
|
+
"default": "'default'",
|
|
901
|
+
"fieldName": "variant",
|
|
902
|
+
"inheritedFrom": {
|
|
903
|
+
"name": "AccordionButton",
|
|
904
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
905
|
+
}
|
|
906
|
+
},
|
|
907
|
+
{
|
|
908
|
+
"name": "data-aria-level",
|
|
909
|
+
"type": {
|
|
910
|
+
"text": "number"
|
|
911
|
+
},
|
|
912
|
+
"description": "The aria level of the accordion component.",
|
|
913
|
+
"default": "3",
|
|
914
|
+
"fieldName": "dataAriaLevel",
|
|
915
|
+
"inheritedFrom": {
|
|
916
|
+
"name": "AccordionButton",
|
|
917
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
918
|
+
}
|
|
919
|
+
},
|
|
920
|
+
{
|
|
921
|
+
"name": "expanded",
|
|
922
|
+
"type": {
|
|
923
|
+
"text": "boolean"
|
|
924
|
+
},
|
|
925
|
+
"description": "The visibility of the accordion button.",
|
|
926
|
+
"default": "false",
|
|
927
|
+
"fieldName": "expanded",
|
|
928
|
+
"inheritedFrom": {
|
|
929
|
+
"name": "AccordionButton",
|
|
930
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
931
|
+
}
|
|
932
|
+
},
|
|
933
|
+
{
|
|
934
|
+
"name": "header-text",
|
|
935
|
+
"type": {
|
|
936
|
+
"text": "string | undefined"
|
|
937
|
+
},
|
|
938
|
+
"description": "The header text of the accordion item.",
|
|
939
|
+
"fieldName": "headerText",
|
|
940
|
+
"inheritedFrom": {
|
|
941
|
+
"name": "AccordionButton",
|
|
942
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
943
|
+
}
|
|
944
|
+
},
|
|
945
|
+
{
|
|
946
|
+
"name": "prefix-icon",
|
|
947
|
+
"type": {
|
|
948
|
+
"text": "IconNames | undefined"
|
|
949
|
+
},
|
|
950
|
+
"description": "The leading icon that is displayed before the header text.",
|
|
951
|
+
"fieldName": "prefixIcon",
|
|
952
|
+
"inheritedFrom": {
|
|
953
|
+
"name": "AccordionButton",
|
|
954
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
955
|
+
}
|
|
956
|
+
}
|
|
957
|
+
]
|
|
958
|
+
}
|
|
959
|
+
],
|
|
960
|
+
"exports": [
|
|
961
|
+
{
|
|
962
|
+
"kind": "js",
|
|
963
|
+
"name": "default",
|
|
964
|
+
"declaration": {
|
|
965
|
+
"name": "Accordion",
|
|
966
|
+
"module": "components/accordion/accordion.component.js"
|
|
967
|
+
}
|
|
968
|
+
}
|
|
969
|
+
]
|
|
970
|
+
},
|
|
971
|
+
{
|
|
972
|
+
"kind": "javascript-module",
|
|
973
|
+
"path": "components/alertchip/alertchip.component.js",
|
|
974
|
+
"declarations": [
|
|
975
|
+
{
|
|
976
|
+
"kind": "class",
|
|
977
|
+
"description": "mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n\n- It supports a leading icon along with label.\n- It supports 5 variants of alerts - neutral, warning, error, success, and informational\n\nThis component is built by extending Buttonsimple.",
|
|
978
|
+
"name": "AlertChip",
|
|
979
|
+
"cssProperties": [
|
|
980
|
+
{
|
|
981
|
+
"description": "The color of the label text",
|
|
982
|
+
"name": "--mdc-chip-color"
|
|
983
|
+
},
|
|
984
|
+
{
|
|
985
|
+
"description": "The color of the icon",
|
|
986
|
+
"name": "--mdc-chip-icon-color"
|
|
987
|
+
},
|
|
988
|
+
{
|
|
989
|
+
"description": "The border color of the alertchip",
|
|
990
|
+
"name": "--mdc-chip-border-color"
|
|
991
|
+
},
|
|
992
|
+
{
|
|
993
|
+
"description": "The background color of the alertchip",
|
|
994
|
+
"name": "--mdc-chip-background-color"
|
|
995
|
+
}
|
|
996
|
+
],
|
|
997
|
+
"cssParts": [
|
|
998
|
+
{
|
|
999
|
+
"description": "The alert icon",
|
|
1000
1000
|
"name": "icon"
|
|
1001
1001
|
},
|
|
1002
1002
|
{
|
|
@@ -2093,503 +2093,6 @@
|
|
|
2093
2093
|
}
|
|
2094
2094
|
]
|
|
2095
2095
|
},
|
|
2096
|
-
{
|
|
2097
|
-
"kind": "javascript-module",
|
|
2098
|
-
"path": "components/badge/badge.component.js",
|
|
2099
|
-
"declarations": [
|
|
2100
|
-
{
|
|
2101
|
-
"kind": "class",
|
|
2102
|
-
"description": "The `mdc-badge` component is a versatile UI element used to\ndisplay dot, icons, counters, success, warning and error type badge.\n\nSupported badge types:\n- `dot`: Displays a dot notification badge with a blue color.\n- `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\n- `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\nit shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.\n- `success`: Displays a success badge with a check circle icon and green color.\n- `warning`: Displays a warning badge with a warning icon and yellow color.\n- `error`: Displays a error badge with a error legacy icon and red color.\n\nFor `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\n\nFor the `counter` type, the `mdc-text` component is used to render the counter value.",
|
|
2103
|
-
"name": "Badge",
|
|
2104
|
-
"cssProperties": [
|
|
2105
|
-
{
|
|
2106
|
-
"description": "The foreground color of the primary badge.",
|
|
2107
|
-
"name": "--mdc-badge-primary-foreground-color"
|
|
2108
|
-
},
|
|
2109
|
-
{
|
|
2110
|
-
"description": "The background color of the primary badge.",
|
|
2111
|
-
"name": "--mdc-badge-primary-background-color"
|
|
2112
|
-
},
|
|
2113
|
-
{
|
|
2114
|
-
"description": "The foreground color of the secondary badge.",
|
|
2115
|
-
"name": "--mdc-badge-secondary-foreground-color"
|
|
2116
|
-
},
|
|
2117
|
-
{
|
|
2118
|
-
"description": "The background color of the secondary badge.",
|
|
2119
|
-
"name": "--mdc-badge-secondary-background-color"
|
|
2120
|
-
},
|
|
2121
|
-
{
|
|
2122
|
-
"description": "The foreground color of the success badge.",
|
|
2123
|
-
"name": "--mdc-badge-success-foreground-color"
|
|
2124
|
-
},
|
|
2125
|
-
{
|
|
2126
|
-
"description": "The background color of the success badge.",
|
|
2127
|
-
"name": "--mdc-badge-success-background-color"
|
|
2128
|
-
},
|
|
2129
|
-
{
|
|
2130
|
-
"description": "The foreground color of the warning badge.",
|
|
2131
|
-
"name": "--mdc-badge-warning-foreground-color"
|
|
2132
|
-
},
|
|
2133
|
-
{
|
|
2134
|
-
"description": "The background color of the warning badge.",
|
|
2135
|
-
"name": "--mdc-badge-warning-background-color"
|
|
2136
|
-
},
|
|
2137
|
-
{
|
|
2138
|
-
"description": "The foreground color of the error badge.",
|
|
2139
|
-
"name": "--mdc-badge-error-foreground-color"
|
|
2140
|
-
},
|
|
2141
|
-
{
|
|
2142
|
-
"description": "The background color of the error badge.",
|
|
2143
|
-
"name": "--mdc-badge-error-background-color"
|
|
2144
|
-
},
|
|
2145
|
-
{
|
|
2146
|
-
"description": "The background color of the badge overlay.",
|
|
2147
|
-
"name": "--mdc-badge-overlay-background-color"
|
|
2148
|
-
}
|
|
2149
|
-
],
|
|
2150
|
-
"members": [
|
|
2151
|
-
{
|
|
2152
|
-
"kind": "field",
|
|
2153
|
-
"name": "type",
|
|
2154
|
-
"type": {
|
|
2155
|
-
"text": "BadgeType | undefined"
|
|
2156
|
-
},
|
|
2157
|
-
"description": "Type of the badge\nCan be `dot` (notification) , `icon`, `counter`, `success`, `warning` or `error`.",
|
|
2158
|
-
"attribute": "type",
|
|
2159
|
-
"reflects": true
|
|
2160
|
-
},
|
|
2161
|
-
{
|
|
2162
|
-
"kind": "field",
|
|
2163
|
-
"name": "variant",
|
|
2164
|
-
"type": {
|
|
2165
|
-
"text": "IconVariant"
|
|
2166
|
-
},
|
|
2167
|
-
"description": "Type of the variant can be `primary` or `secondary`.\nIt defines the background and foreground color of the icon.",
|
|
2168
|
-
"default": "primary",
|
|
2169
|
-
"attribute": "variant",
|
|
2170
|
-
"reflects": true
|
|
2171
|
-
},
|
|
2172
|
-
{
|
|
2173
|
-
"kind": "field",
|
|
2174
|
-
"name": "counter",
|
|
2175
|
-
"type": {
|
|
2176
|
-
"text": "number | undefined"
|
|
2177
|
-
},
|
|
2178
|
-
"description": "Counter is the number which can be provided in the badge.",
|
|
2179
|
-
"attribute": "counter"
|
|
2180
|
-
},
|
|
2181
|
-
{
|
|
2182
|
-
"kind": "field",
|
|
2183
|
-
"name": "maxCounter",
|
|
2184
|
-
"type": {
|
|
2185
|
-
"text": "number"
|
|
2186
|
-
},
|
|
2187
|
-
"description": "The maximum number can be set up to 999, anything above that will be rendered as _999+_.\nThe max counter can be `9`, `99` or `999`.",
|
|
2188
|
-
"default": "99",
|
|
2189
|
-
"attribute": "max-counter",
|
|
2190
|
-
"reflects": true
|
|
2191
|
-
},
|
|
2192
|
-
{
|
|
2193
|
-
"kind": "field",
|
|
2194
|
-
"name": "overlay",
|
|
2195
|
-
"type": {
|
|
2196
|
-
"text": "boolean"
|
|
2197
|
-
},
|
|
2198
|
-
"default": "false",
|
|
2199
|
-
"description": "Overlay is to add a thin outline to the badge.\nThis will help distinguish between the badge and the button,\nwhere the badge will be layered on top of a button.",
|
|
2200
|
-
"attribute": "overlay"
|
|
2201
|
-
},
|
|
2202
|
-
{
|
|
2203
|
-
"kind": "field",
|
|
2204
|
-
"name": "ariaLabel",
|
|
2205
|
-
"type": {
|
|
2206
|
-
"text": "string | null"
|
|
2207
|
-
},
|
|
2208
|
-
"default": "null",
|
|
2209
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
2210
|
-
"attribute": "aria-label"
|
|
2211
|
-
},
|
|
2212
|
-
{
|
|
2213
|
-
"kind": "method",
|
|
2214
|
-
"name": "getCounterText",
|
|
2215
|
-
"privacy": "private",
|
|
2216
|
-
"return": {
|
|
2217
|
-
"type": {
|
|
2218
|
-
"text": ""
|
|
2219
|
-
}
|
|
2220
|
-
},
|
|
2221
|
-
"parameters": [
|
|
2222
|
-
{
|
|
2223
|
-
"name": "maxCounter",
|
|
2224
|
-
"type": {
|
|
2225
|
-
"text": "number"
|
|
2226
|
-
},
|
|
2227
|
-
"description": "the maximum limit which can be displayed on the badge"
|
|
2228
|
-
},
|
|
2229
|
-
{
|
|
2230
|
-
"name": "counter",
|
|
2231
|
-
"optional": true,
|
|
2232
|
-
"type": {
|
|
2233
|
-
"text": "number"
|
|
2234
|
-
},
|
|
2235
|
-
"description": "the number to be displayed on the badge"
|
|
2236
|
-
}
|
|
2237
|
-
],
|
|
2238
|
-
"description": "If `type` is set to `counter` and if `counter` is greater than `maxCounter`,\nthen it will return a string the maxCounter value as string.\nOtherwise, it will return a string representation of `counter`.\nIf `counter` is not a number, it will return an empty string."
|
|
2239
|
-
},
|
|
2240
|
-
{
|
|
2241
|
-
"kind": "method",
|
|
2242
|
-
"name": "getBadgeIcon",
|
|
2243
|
-
"privacy": "private",
|
|
2244
|
-
"return": {
|
|
2245
|
-
"type": {
|
|
2246
|
-
"text": ""
|
|
2247
|
-
}
|
|
2248
|
-
},
|
|
2249
|
-
"parameters": [
|
|
2250
|
-
{
|
|
2251
|
-
"name": "iconName",
|
|
2252
|
-
"type": {
|
|
2253
|
-
"text": "string"
|
|
2254
|
-
},
|
|
2255
|
-
"description": "the name of the icon from the icon set"
|
|
2256
|
-
},
|
|
2257
|
-
{
|
|
2258
|
-
"name": "backgroundClassPostfix",
|
|
2259
|
-
"type": {
|
|
2260
|
-
"text": "string"
|
|
2261
|
-
},
|
|
2262
|
-
"description": "postfix for the class to style the badge icon."
|
|
2263
|
-
}
|
|
2264
|
-
],
|
|
2265
|
-
"description": "Method to generate the badge icon."
|
|
2266
|
-
},
|
|
2267
|
-
{
|
|
2268
|
-
"kind": "method",
|
|
2269
|
-
"name": "getBadgeDot",
|
|
2270
|
-
"privacy": "private",
|
|
2271
|
-
"return": {
|
|
2272
|
-
"type": {
|
|
2273
|
-
"text": ""
|
|
2274
|
-
}
|
|
2275
|
-
},
|
|
2276
|
-
"description": "Method to generate the badge dot template."
|
|
2277
|
-
},
|
|
2278
|
-
{
|
|
2279
|
-
"kind": "method",
|
|
2280
|
-
"name": "getBadgeCounterText",
|
|
2281
|
-
"privacy": "private",
|
|
2282
|
-
"return": {
|
|
2283
|
-
"type": {
|
|
2284
|
-
"text": ""
|
|
2285
|
-
}
|
|
2286
|
-
},
|
|
2287
|
-
"description": "Method to generate the badge text and counter template."
|
|
2288
|
-
},
|
|
2289
|
-
{
|
|
2290
|
-
"kind": "method",
|
|
2291
|
-
"name": "setRoleByAriaLabel",
|
|
2292
|
-
"privacy": "private",
|
|
2293
|
-
"return": {
|
|
2294
|
-
"type": {
|
|
2295
|
-
"text": "void"
|
|
2296
|
-
}
|
|
2297
|
-
},
|
|
2298
|
-
"description": "Method to set the role based on the aria-label provided.\nIf the aria-label is provided, the role of the element will be 'img'.\nOtherwise, the role will be null."
|
|
2299
|
-
},
|
|
2300
|
-
{
|
|
2301
|
-
"kind": "method",
|
|
2302
|
-
"name": "getBadgeContentBasedOnType",
|
|
2303
|
-
"privacy": "private",
|
|
2304
|
-
"return": {
|
|
2305
|
-
"type": {
|
|
2306
|
-
"text": ""
|
|
2307
|
-
}
|
|
2308
|
-
},
|
|
2309
|
-
"description": "Generates the badge content based on the badge type.\nUtilizes various helper methods to create the appropriate badge template based on the\ncurrent badge type. Supports 'dot', 'icon', 'counter', 'success', 'warning', and 'error'\ntypes, returning the corresponding template result for each type."
|
|
2310
|
-
},
|
|
2311
|
-
{
|
|
2312
|
-
"kind": "field",
|
|
2313
|
-
"name": "iconName",
|
|
2314
|
-
"type": {
|
|
2315
|
-
"text": "IconNames | undefined"
|
|
2316
|
-
},
|
|
2317
|
-
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
2318
|
-
"attribute": "icon-name",
|
|
2319
|
-
"inheritedFrom": {
|
|
2320
|
-
"name": "IconNameMixin",
|
|
2321
|
-
"module": "utils/mixins/IconNameMixin.js"
|
|
2322
|
-
}
|
|
2323
|
-
}
|
|
2324
|
-
],
|
|
2325
|
-
"attributes": [
|
|
2326
|
-
{
|
|
2327
|
-
"name": "type",
|
|
2328
|
-
"type": {
|
|
2329
|
-
"text": "BadgeType | undefined"
|
|
2330
|
-
},
|
|
2331
|
-
"description": "Type of the badge\nCan be `dot` (notification) , `icon`, `counter`, `success`, `warning` or `error`.",
|
|
2332
|
-
"fieldName": "type"
|
|
2333
|
-
},
|
|
2334
|
-
{
|
|
2335
|
-
"name": "variant",
|
|
2336
|
-
"type": {
|
|
2337
|
-
"text": "IconVariant"
|
|
2338
|
-
},
|
|
2339
|
-
"description": "Type of the variant can be `primary` or `secondary`.\nIt defines the background and foreground color of the icon.",
|
|
2340
|
-
"default": "primary",
|
|
2341
|
-
"fieldName": "variant"
|
|
2342
|
-
},
|
|
2343
|
-
{
|
|
2344
|
-
"name": "counter",
|
|
2345
|
-
"type": {
|
|
2346
|
-
"text": "number | undefined"
|
|
2347
|
-
},
|
|
2348
|
-
"description": "Counter is the number which can be provided in the badge.",
|
|
2349
|
-
"fieldName": "counter"
|
|
2350
|
-
},
|
|
2351
|
-
{
|
|
2352
|
-
"name": "max-counter",
|
|
2353
|
-
"type": {
|
|
2354
|
-
"text": "number"
|
|
2355
|
-
},
|
|
2356
|
-
"description": "The maximum number can be set up to 999, anything above that will be rendered as _999+_.\nThe max counter can be `9`, `99` or `999`.",
|
|
2357
|
-
"default": "99",
|
|
2358
|
-
"fieldName": "maxCounter"
|
|
2359
|
-
},
|
|
2360
|
-
{
|
|
2361
|
-
"name": "overlay",
|
|
2362
|
-
"type": {
|
|
2363
|
-
"text": "boolean"
|
|
2364
|
-
},
|
|
2365
|
-
"default": "false",
|
|
2366
|
-
"description": "Overlay is to add a thin outline to the badge.\nThis will help distinguish between the badge and the button,\nwhere the badge will be layered on top of a button.",
|
|
2367
|
-
"fieldName": "overlay"
|
|
2368
|
-
},
|
|
2369
|
-
{
|
|
2370
|
-
"name": "aria-label",
|
|
2371
|
-
"type": {
|
|
2372
|
-
"text": "string | null"
|
|
2373
|
-
},
|
|
2374
|
-
"default": "null",
|
|
2375
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
2376
|
-
"fieldName": "ariaLabel"
|
|
2377
|
-
},
|
|
2378
|
-
{
|
|
2379
|
-
"name": "icon-name",
|
|
2380
|
-
"type": {
|
|
2381
|
-
"text": "IconNames | undefined"
|
|
2382
|
-
},
|
|
2383
|
-
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
2384
|
-
"fieldName": "iconName",
|
|
2385
|
-
"inheritedFrom": {
|
|
2386
|
-
"name": "IconNameMixin",
|
|
2387
|
-
"module": "src/utils/mixins/IconNameMixin.ts"
|
|
2388
|
-
}
|
|
2389
|
-
}
|
|
2390
|
-
],
|
|
2391
|
-
"mixins": [
|
|
2392
|
-
{
|
|
2393
|
-
"name": "IconNameMixin",
|
|
2394
|
-
"module": "/src/utils/mixins/IconNameMixin"
|
|
2395
|
-
}
|
|
2396
|
-
],
|
|
2397
|
-
"superclass": {
|
|
2398
|
-
"name": "Component",
|
|
2399
|
-
"module": "/src/models"
|
|
2400
|
-
},
|
|
2401
|
-
"tagName": "mdc-badge",
|
|
2402
|
-
"jsDoc": "/**\n * The `mdc-badge` component is a versatile UI element used to\n * display dot, icons, counters, success, warning and error type badge.\n *\n * Supported badge types:\n * - `dot`: Displays a dot notification badge with a blue color.\n * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\n * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\n * it shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.\n * - `success`: Displays a success badge with a check circle icon and green color.\n * - `warning`: Displays a warning badge with a warning icon and yellow color.\n * - `error`: Displays a error badge with a error legacy icon and red color.\n *\n * For `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\n *\n * For the `counter` type, the `mdc-text` component is used to render the counter value.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @tagname mdc-badge\n *\n * @cssproperty --mdc-badge-primary-foreground-color - The foreground color of the primary badge.\n * @cssproperty --mdc-badge-primary-background-color - The background color of the primary badge.\n * @cssproperty --mdc-badge-secondary-foreground-color - The foreground color of the secondary badge.\n * @cssproperty --mdc-badge-secondary-background-color - The background color of the secondary badge.\n * @cssproperty --mdc-badge-success-foreground-color - The foreground color of the success badge.\n * @cssproperty --mdc-badge-success-background-color - The background color of the success badge.\n * @cssproperty --mdc-badge-warning-foreground-color - The foreground color of the warning badge.\n * @cssproperty --mdc-badge-warning-background-color - The background color of the warning badge.\n * @cssproperty --mdc-badge-error-foreground-color - The foreground color of the error badge.\n * @cssproperty --mdc-badge-error-background-color - The background color of the error badge.\n * @cssproperty --mdc-badge-overlay-background-color - The background color of the badge overlay.\n */",
|
|
2403
|
-
"customElement": true
|
|
2404
|
-
}
|
|
2405
|
-
],
|
|
2406
|
-
"exports": [
|
|
2407
|
-
{
|
|
2408
|
-
"kind": "js",
|
|
2409
|
-
"name": "default",
|
|
2410
|
-
"declaration": {
|
|
2411
|
-
"name": "Badge",
|
|
2412
|
-
"module": "components/badge/badge.component.js"
|
|
2413
|
-
}
|
|
2414
|
-
}
|
|
2415
|
-
]
|
|
2416
|
-
},
|
|
2417
|
-
{
|
|
2418
|
-
"kind": "javascript-module",
|
|
2419
|
-
"path": "components/brandvisual/brandvisual.component.js",
|
|
2420
|
-
"declarations": [
|
|
2421
|
-
{
|
|
2422
|
-
"kind": "class",
|
|
2423
|
-
"description": "The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\ndisplayed correctly within applications.\n\nFeatures:\n- Dynamically loads brandvisuals based on the `name` attribute.\n- Emits a `load` event when the brandvisual is successfully fetched.\n- Emits an `error` event when the brandvisual import fails.\n- Supports accessibility best practices.\n- Used for brand representation within the design system.",
|
|
2424
|
-
"name": "Brandvisual",
|
|
2425
|
-
"members": [
|
|
2426
|
-
{
|
|
2427
|
-
"kind": "field",
|
|
2428
|
-
"name": "brandVisualData",
|
|
2429
|
-
"type": {
|
|
2430
|
-
"text": "Element | TemplateResult | undefined"
|
|
2431
|
-
},
|
|
2432
|
-
"privacy": "private"
|
|
2433
|
-
},
|
|
2434
|
-
{
|
|
2435
|
-
"kind": "field",
|
|
2436
|
-
"name": "name",
|
|
2437
|
-
"type": {
|
|
2438
|
-
"text": "BrandVisualNames | undefined"
|
|
2439
|
-
},
|
|
2440
|
-
"description": "Name of the brandVisual (= filename)",
|
|
2441
|
-
"attribute": "name",
|
|
2442
|
-
"reflects": true
|
|
2443
|
-
},
|
|
2444
|
-
{
|
|
2445
|
-
"kind": "field",
|
|
2446
|
-
"name": "altText",
|
|
2447
|
-
"type": {
|
|
2448
|
-
"text": "string | undefined"
|
|
2449
|
-
},
|
|
2450
|
-
"description": "Alt text for the brandvisual image for accessibility.\nThis will only be set if the brandvisual is an image (png).",
|
|
2451
|
-
"attribute": "altText",
|
|
2452
|
-
"reflects": true
|
|
2453
|
-
},
|
|
2454
|
-
{
|
|
2455
|
-
"kind": "method",
|
|
2456
|
-
"name": "getBrandVisualData",
|
|
2457
|
-
"privacy": "private"
|
|
2458
|
-
},
|
|
2459
|
-
{
|
|
2460
|
-
"kind": "method",
|
|
2461
|
-
"name": "injectTemplateAttributes",
|
|
2462
|
-
"privacy": "private",
|
|
2463
|
-
"return": {
|
|
2464
|
-
"type": {
|
|
2465
|
-
"text": "Element | TemplateResult"
|
|
2466
|
-
}
|
|
2467
|
-
},
|
|
2468
|
-
"parameters": [
|
|
2469
|
-
{
|
|
2470
|
-
"name": "litTemplate",
|
|
2471
|
-
"type": {
|
|
2472
|
-
"text": "TemplateResult"
|
|
2473
|
-
}
|
|
2474
|
-
},
|
|
2475
|
-
{
|
|
2476
|
-
"name": "tag",
|
|
2477
|
-
"type": {
|
|
2478
|
-
"text": "string"
|
|
2479
|
-
}
|
|
2480
|
-
},
|
|
2481
|
-
{
|
|
2482
|
-
"name": "props",
|
|
2483
|
-
"type": {
|
|
2484
|
-
"text": "any"
|
|
2485
|
-
}
|
|
2486
|
-
}
|
|
2487
|
-
]
|
|
2488
|
-
},
|
|
2489
|
-
{
|
|
2490
|
-
"kind": "method",
|
|
2491
|
-
"name": "injectHtmlAttributes",
|
|
2492
|
-
"privacy": "private",
|
|
2493
|
-
"return": {
|
|
2494
|
-
"type": {
|
|
2495
|
-
"text": "Element"
|
|
2496
|
-
}
|
|
2497
|
-
},
|
|
2498
|
-
"parameters": [
|
|
2499
|
-
{
|
|
2500
|
-
"name": "html",
|
|
2501
|
-
"type": {
|
|
2502
|
-
"text": "Element"
|
|
2503
|
-
}
|
|
2504
|
-
},
|
|
2505
|
-
{
|
|
2506
|
-
"name": "props",
|
|
2507
|
-
"type": {
|
|
2508
|
-
"text": "imageProps"
|
|
2509
|
-
}
|
|
2510
|
-
}
|
|
2511
|
-
]
|
|
2512
|
-
},
|
|
2513
|
-
{
|
|
2514
|
-
"kind": "method",
|
|
2515
|
-
"name": "handleBrandVisualLoadedSuccess",
|
|
2516
|
-
"privacy": "private",
|
|
2517
|
-
"parameters": [
|
|
2518
|
-
{
|
|
2519
|
-
"name": "brandVisualHtml",
|
|
2520
|
-
"type": {
|
|
2521
|
-
"text": "TemplateResult"
|
|
2522
|
-
},
|
|
2523
|
-
"description": "The brandvisual html element which has been fetched from the brandvisual provider."
|
|
2524
|
-
}
|
|
2525
|
-
],
|
|
2526
|
-
"description": "Sets the brandVisualData state to the fetched brandvisual.\nDispatches a 'load' event on the component once the brandvisual has been successfully loaded."
|
|
2527
|
-
},
|
|
2528
|
-
{
|
|
2529
|
-
"kind": "method",
|
|
2530
|
-
"name": "handleBrandVisualLoadedFailure",
|
|
2531
|
-
"privacy": "private",
|
|
2532
|
-
"parameters": [
|
|
2533
|
-
{
|
|
2534
|
-
"name": "error",
|
|
2535
|
-
"type": {
|
|
2536
|
-
"text": "unknown"
|
|
2537
|
-
}
|
|
2538
|
-
}
|
|
2539
|
-
],
|
|
2540
|
-
"description": "Dispatches an 'error' event on the component when the brandvisual import has failed.\nThis event bubbles and is cancelable.\nThe error detail is set to the error object."
|
|
2541
|
-
}
|
|
2542
|
-
],
|
|
2543
|
-
"events": [
|
|
2544
|
-
{
|
|
2545
|
-
"description": "(React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.",
|
|
2546
|
-
"name": "load",
|
|
2547
|
-
"reactName": "onLoad"
|
|
2548
|
-
},
|
|
2549
|
-
{
|
|
2550
|
-
"description": "(React: onError) This event is dispatched when the brandvisual fetching has failed.",
|
|
2551
|
-
"name": "error",
|
|
2552
|
-
"reactName": "onError"
|
|
2553
|
-
}
|
|
2554
|
-
],
|
|
2555
|
-
"attributes": [
|
|
2556
|
-
{
|
|
2557
|
-
"name": "name",
|
|
2558
|
-
"type": {
|
|
2559
|
-
"text": "BrandVisualNames | undefined"
|
|
2560
|
-
},
|
|
2561
|
-
"description": "Name of the brandVisual (= filename)",
|
|
2562
|
-
"fieldName": "name"
|
|
2563
|
-
},
|
|
2564
|
-
{
|
|
2565
|
-
"name": "altText",
|
|
2566
|
-
"type": {
|
|
2567
|
-
"text": "string | undefined"
|
|
2568
|
-
},
|
|
2569
|
-
"description": "Alt text for the brandvisual image for accessibility.\nThis will only be set if the brandvisual is an image (png).",
|
|
2570
|
-
"fieldName": "altText"
|
|
2571
|
-
}
|
|
2572
|
-
],
|
|
2573
|
-
"superclass": {
|
|
2574
|
-
"name": "Component",
|
|
2575
|
-
"module": "/src/models"
|
|
2576
|
-
},
|
|
2577
|
-
"tagName": "mdc-brandvisual",
|
|
2578
|
-
"jsDoc": "/**\n * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\n * displayed correctly within applications.\n *\n * Features:\n * - Dynamically loads brandvisuals based on the `name` attribute.\n * - Emits a `load` event when the brandvisual is successfully fetched.\n * - Emits an `error` event when the brandvisual import fails.\n * - Supports accessibility best practices.\n * - Used for brand representation within the design system.\n *\n * @tagname mdc-brandvisual\n *\n * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.\n * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.\n *\n */",
|
|
2579
|
-
"customElement": true
|
|
2580
|
-
}
|
|
2581
|
-
],
|
|
2582
|
-
"exports": [
|
|
2583
|
-
{
|
|
2584
|
-
"kind": "js",
|
|
2585
|
-
"name": "default",
|
|
2586
|
-
"declaration": {
|
|
2587
|
-
"name": "Brandvisual",
|
|
2588
|
-
"module": "components/brandvisual/brandvisual.component.js"
|
|
2589
|
-
}
|
|
2590
|
-
}
|
|
2591
|
-
]
|
|
2592
|
-
},
|
|
2593
2096
|
{
|
|
2594
2097
|
"kind": "javascript-module",
|
|
2595
2098
|
"path": "components/avatarbutton/avatarbutton.component.js",
|
|
@@ -3346,23 +2849,520 @@
|
|
|
3346
2849
|
},
|
|
3347
2850
|
{
|
|
3348
2851
|
"kind": "javascript-module",
|
|
3349
|
-
"path": "components/
|
|
2852
|
+
"path": "components/badge/badge.component.js",
|
|
3350
2853
|
"declarations": [
|
|
3351
2854
|
{
|
|
3352
2855
|
"kind": "class",
|
|
3353
|
-
"description": "
|
|
3354
|
-
"name": "
|
|
2856
|
+
"description": "The `mdc-badge` component is a versatile UI element used to\ndisplay dot, icons, counters, success, warning and error type badge.\n\nSupported badge types:\n- `dot`: Displays a dot notification badge with a blue color.\n- `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\n- `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\nit shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.\n- `success`: Displays a success badge with a check circle icon and green color.\n- `warning`: Displays a warning badge with a warning icon and yellow color.\n- `error`: Displays a error badge with a error legacy icon and red color.\n\nFor `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\n\nFor the `counter` type, the `mdc-text` component is used to render the counter value.",
|
|
2857
|
+
"name": "Badge",
|
|
3355
2858
|
"cssProperties": [
|
|
3356
2859
|
{
|
|
3357
|
-
"description": "
|
|
3358
|
-
"name": "--mdc-
|
|
2860
|
+
"description": "The foreground color of the primary badge.",
|
|
2861
|
+
"name": "--mdc-badge-primary-foreground-color"
|
|
3359
2862
|
},
|
|
3360
2863
|
{
|
|
3361
|
-
"description": "
|
|
3362
|
-
"name": "--mdc-
|
|
2864
|
+
"description": "The background color of the primary badge.",
|
|
2865
|
+
"name": "--mdc-badge-primary-background-color"
|
|
3363
2866
|
},
|
|
3364
2867
|
{
|
|
3365
|
-
"description": "
|
|
2868
|
+
"description": "The foreground color of the secondary badge.",
|
|
2869
|
+
"name": "--mdc-badge-secondary-foreground-color"
|
|
2870
|
+
},
|
|
2871
|
+
{
|
|
2872
|
+
"description": "The background color of the secondary badge.",
|
|
2873
|
+
"name": "--mdc-badge-secondary-background-color"
|
|
2874
|
+
},
|
|
2875
|
+
{
|
|
2876
|
+
"description": "The foreground color of the success badge.",
|
|
2877
|
+
"name": "--mdc-badge-success-foreground-color"
|
|
2878
|
+
},
|
|
2879
|
+
{
|
|
2880
|
+
"description": "The background color of the success badge.",
|
|
2881
|
+
"name": "--mdc-badge-success-background-color"
|
|
2882
|
+
},
|
|
2883
|
+
{
|
|
2884
|
+
"description": "The foreground color of the warning badge.",
|
|
2885
|
+
"name": "--mdc-badge-warning-foreground-color"
|
|
2886
|
+
},
|
|
2887
|
+
{
|
|
2888
|
+
"description": "The background color of the warning badge.",
|
|
2889
|
+
"name": "--mdc-badge-warning-background-color"
|
|
2890
|
+
},
|
|
2891
|
+
{
|
|
2892
|
+
"description": "The foreground color of the error badge.",
|
|
2893
|
+
"name": "--mdc-badge-error-foreground-color"
|
|
2894
|
+
},
|
|
2895
|
+
{
|
|
2896
|
+
"description": "The background color of the error badge.",
|
|
2897
|
+
"name": "--mdc-badge-error-background-color"
|
|
2898
|
+
},
|
|
2899
|
+
{
|
|
2900
|
+
"description": "The background color of the badge overlay.",
|
|
2901
|
+
"name": "--mdc-badge-overlay-background-color"
|
|
2902
|
+
}
|
|
2903
|
+
],
|
|
2904
|
+
"members": [
|
|
2905
|
+
{
|
|
2906
|
+
"kind": "field",
|
|
2907
|
+
"name": "type",
|
|
2908
|
+
"type": {
|
|
2909
|
+
"text": "BadgeType | undefined"
|
|
2910
|
+
},
|
|
2911
|
+
"description": "Type of the badge\nCan be `dot` (notification) , `icon`, `counter`, `success`, `warning` or `error`.",
|
|
2912
|
+
"attribute": "type",
|
|
2913
|
+
"reflects": true
|
|
2914
|
+
},
|
|
2915
|
+
{
|
|
2916
|
+
"kind": "field",
|
|
2917
|
+
"name": "variant",
|
|
2918
|
+
"type": {
|
|
2919
|
+
"text": "IconVariant"
|
|
2920
|
+
},
|
|
2921
|
+
"description": "Type of the variant can be `primary` or `secondary`.\nIt defines the background and foreground color of the icon.",
|
|
2922
|
+
"default": "primary",
|
|
2923
|
+
"attribute": "variant",
|
|
2924
|
+
"reflects": true
|
|
2925
|
+
},
|
|
2926
|
+
{
|
|
2927
|
+
"kind": "field",
|
|
2928
|
+
"name": "counter",
|
|
2929
|
+
"type": {
|
|
2930
|
+
"text": "number | undefined"
|
|
2931
|
+
},
|
|
2932
|
+
"description": "Counter is the number which can be provided in the badge.",
|
|
2933
|
+
"attribute": "counter"
|
|
2934
|
+
},
|
|
2935
|
+
{
|
|
2936
|
+
"kind": "field",
|
|
2937
|
+
"name": "maxCounter",
|
|
2938
|
+
"type": {
|
|
2939
|
+
"text": "number"
|
|
2940
|
+
},
|
|
2941
|
+
"description": "The maximum number can be set up to 999, anything above that will be rendered as _999+_.\nThe max counter can be `9`, `99` or `999`.",
|
|
2942
|
+
"default": "99",
|
|
2943
|
+
"attribute": "max-counter",
|
|
2944
|
+
"reflects": true
|
|
2945
|
+
},
|
|
2946
|
+
{
|
|
2947
|
+
"kind": "field",
|
|
2948
|
+
"name": "overlay",
|
|
2949
|
+
"type": {
|
|
2950
|
+
"text": "boolean"
|
|
2951
|
+
},
|
|
2952
|
+
"default": "false",
|
|
2953
|
+
"description": "Overlay is to add a thin outline to the badge.\nThis will help distinguish between the badge and the button,\nwhere the badge will be layered on top of a button.",
|
|
2954
|
+
"attribute": "overlay"
|
|
2955
|
+
},
|
|
2956
|
+
{
|
|
2957
|
+
"kind": "field",
|
|
2958
|
+
"name": "ariaLabel",
|
|
2959
|
+
"type": {
|
|
2960
|
+
"text": "string | null"
|
|
2961
|
+
},
|
|
2962
|
+
"default": "null",
|
|
2963
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
2964
|
+
"attribute": "aria-label"
|
|
2965
|
+
},
|
|
2966
|
+
{
|
|
2967
|
+
"kind": "method",
|
|
2968
|
+
"name": "getCounterText",
|
|
2969
|
+
"privacy": "private",
|
|
2970
|
+
"return": {
|
|
2971
|
+
"type": {
|
|
2972
|
+
"text": ""
|
|
2973
|
+
}
|
|
2974
|
+
},
|
|
2975
|
+
"parameters": [
|
|
2976
|
+
{
|
|
2977
|
+
"name": "maxCounter",
|
|
2978
|
+
"type": {
|
|
2979
|
+
"text": "number"
|
|
2980
|
+
},
|
|
2981
|
+
"description": "the maximum limit which can be displayed on the badge"
|
|
2982
|
+
},
|
|
2983
|
+
{
|
|
2984
|
+
"name": "counter",
|
|
2985
|
+
"optional": true,
|
|
2986
|
+
"type": {
|
|
2987
|
+
"text": "number"
|
|
2988
|
+
},
|
|
2989
|
+
"description": "the number to be displayed on the badge"
|
|
2990
|
+
}
|
|
2991
|
+
],
|
|
2992
|
+
"description": "If `type` is set to `counter` and if `counter` is greater than `maxCounter`,\nthen it will return a string the maxCounter value as string.\nOtherwise, it will return a string representation of `counter`.\nIf `counter` is not a number, it will return an empty string."
|
|
2993
|
+
},
|
|
2994
|
+
{
|
|
2995
|
+
"kind": "method",
|
|
2996
|
+
"name": "getBadgeIcon",
|
|
2997
|
+
"privacy": "private",
|
|
2998
|
+
"return": {
|
|
2999
|
+
"type": {
|
|
3000
|
+
"text": ""
|
|
3001
|
+
}
|
|
3002
|
+
},
|
|
3003
|
+
"parameters": [
|
|
3004
|
+
{
|
|
3005
|
+
"name": "iconName",
|
|
3006
|
+
"type": {
|
|
3007
|
+
"text": "string"
|
|
3008
|
+
},
|
|
3009
|
+
"description": "the name of the icon from the icon set"
|
|
3010
|
+
},
|
|
3011
|
+
{
|
|
3012
|
+
"name": "backgroundClassPostfix",
|
|
3013
|
+
"type": {
|
|
3014
|
+
"text": "string"
|
|
3015
|
+
},
|
|
3016
|
+
"description": "postfix for the class to style the badge icon."
|
|
3017
|
+
}
|
|
3018
|
+
],
|
|
3019
|
+
"description": "Method to generate the badge icon."
|
|
3020
|
+
},
|
|
3021
|
+
{
|
|
3022
|
+
"kind": "method",
|
|
3023
|
+
"name": "getBadgeDot",
|
|
3024
|
+
"privacy": "private",
|
|
3025
|
+
"return": {
|
|
3026
|
+
"type": {
|
|
3027
|
+
"text": ""
|
|
3028
|
+
}
|
|
3029
|
+
},
|
|
3030
|
+
"description": "Method to generate the badge dot template."
|
|
3031
|
+
},
|
|
3032
|
+
{
|
|
3033
|
+
"kind": "method",
|
|
3034
|
+
"name": "getBadgeCounterText",
|
|
3035
|
+
"privacy": "private",
|
|
3036
|
+
"return": {
|
|
3037
|
+
"type": {
|
|
3038
|
+
"text": ""
|
|
3039
|
+
}
|
|
3040
|
+
},
|
|
3041
|
+
"description": "Method to generate the badge text and counter template."
|
|
3042
|
+
},
|
|
3043
|
+
{
|
|
3044
|
+
"kind": "method",
|
|
3045
|
+
"name": "setRoleByAriaLabel",
|
|
3046
|
+
"privacy": "private",
|
|
3047
|
+
"return": {
|
|
3048
|
+
"type": {
|
|
3049
|
+
"text": "void"
|
|
3050
|
+
}
|
|
3051
|
+
},
|
|
3052
|
+
"description": "Method to set the role based on the aria-label provided.\nIf the aria-label is provided, the role of the element will be 'img'.\nOtherwise, the role will be null."
|
|
3053
|
+
},
|
|
3054
|
+
{
|
|
3055
|
+
"kind": "method",
|
|
3056
|
+
"name": "getBadgeContentBasedOnType",
|
|
3057
|
+
"privacy": "private",
|
|
3058
|
+
"return": {
|
|
3059
|
+
"type": {
|
|
3060
|
+
"text": ""
|
|
3061
|
+
}
|
|
3062
|
+
},
|
|
3063
|
+
"description": "Generates the badge content based on the badge type.\nUtilizes various helper methods to create the appropriate badge template based on the\ncurrent badge type. Supports 'dot', 'icon', 'counter', 'success', 'warning', and 'error'\ntypes, returning the corresponding template result for each type."
|
|
3064
|
+
},
|
|
3065
|
+
{
|
|
3066
|
+
"kind": "field",
|
|
3067
|
+
"name": "iconName",
|
|
3068
|
+
"type": {
|
|
3069
|
+
"text": "IconNames | undefined"
|
|
3070
|
+
},
|
|
3071
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
3072
|
+
"attribute": "icon-name",
|
|
3073
|
+
"inheritedFrom": {
|
|
3074
|
+
"name": "IconNameMixin",
|
|
3075
|
+
"module": "utils/mixins/IconNameMixin.js"
|
|
3076
|
+
}
|
|
3077
|
+
}
|
|
3078
|
+
],
|
|
3079
|
+
"attributes": [
|
|
3080
|
+
{
|
|
3081
|
+
"name": "type",
|
|
3082
|
+
"type": {
|
|
3083
|
+
"text": "BadgeType | undefined"
|
|
3084
|
+
},
|
|
3085
|
+
"description": "Type of the badge\nCan be `dot` (notification) , `icon`, `counter`, `success`, `warning` or `error`.",
|
|
3086
|
+
"fieldName": "type"
|
|
3087
|
+
},
|
|
3088
|
+
{
|
|
3089
|
+
"name": "variant",
|
|
3090
|
+
"type": {
|
|
3091
|
+
"text": "IconVariant"
|
|
3092
|
+
},
|
|
3093
|
+
"description": "Type of the variant can be `primary` or `secondary`.\nIt defines the background and foreground color of the icon.",
|
|
3094
|
+
"default": "primary",
|
|
3095
|
+
"fieldName": "variant"
|
|
3096
|
+
},
|
|
3097
|
+
{
|
|
3098
|
+
"name": "counter",
|
|
3099
|
+
"type": {
|
|
3100
|
+
"text": "number | undefined"
|
|
3101
|
+
},
|
|
3102
|
+
"description": "Counter is the number which can be provided in the badge.",
|
|
3103
|
+
"fieldName": "counter"
|
|
3104
|
+
},
|
|
3105
|
+
{
|
|
3106
|
+
"name": "max-counter",
|
|
3107
|
+
"type": {
|
|
3108
|
+
"text": "number"
|
|
3109
|
+
},
|
|
3110
|
+
"description": "The maximum number can be set up to 999, anything above that will be rendered as _999+_.\nThe max counter can be `9`, `99` or `999`.",
|
|
3111
|
+
"default": "99",
|
|
3112
|
+
"fieldName": "maxCounter"
|
|
3113
|
+
},
|
|
3114
|
+
{
|
|
3115
|
+
"name": "overlay",
|
|
3116
|
+
"type": {
|
|
3117
|
+
"text": "boolean"
|
|
3118
|
+
},
|
|
3119
|
+
"default": "false",
|
|
3120
|
+
"description": "Overlay is to add a thin outline to the badge.\nThis will help distinguish between the badge and the button,\nwhere the badge will be layered on top of a button.",
|
|
3121
|
+
"fieldName": "overlay"
|
|
3122
|
+
},
|
|
3123
|
+
{
|
|
3124
|
+
"name": "aria-label",
|
|
3125
|
+
"type": {
|
|
3126
|
+
"text": "string | null"
|
|
3127
|
+
},
|
|
3128
|
+
"default": "null",
|
|
3129
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
3130
|
+
"fieldName": "ariaLabel"
|
|
3131
|
+
},
|
|
3132
|
+
{
|
|
3133
|
+
"name": "icon-name",
|
|
3134
|
+
"type": {
|
|
3135
|
+
"text": "IconNames | undefined"
|
|
3136
|
+
},
|
|
3137
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
3138
|
+
"fieldName": "iconName",
|
|
3139
|
+
"inheritedFrom": {
|
|
3140
|
+
"name": "IconNameMixin",
|
|
3141
|
+
"module": "src/utils/mixins/IconNameMixin.ts"
|
|
3142
|
+
}
|
|
3143
|
+
}
|
|
3144
|
+
],
|
|
3145
|
+
"mixins": [
|
|
3146
|
+
{
|
|
3147
|
+
"name": "IconNameMixin",
|
|
3148
|
+
"module": "/src/utils/mixins/IconNameMixin"
|
|
3149
|
+
}
|
|
3150
|
+
],
|
|
3151
|
+
"superclass": {
|
|
3152
|
+
"name": "Component",
|
|
3153
|
+
"module": "/src/models"
|
|
3154
|
+
},
|
|
3155
|
+
"tagName": "mdc-badge",
|
|
3156
|
+
"jsDoc": "/**\n * The `mdc-badge` component is a versatile UI element used to\n * display dot, icons, counters, success, warning and error type badge.\n *\n * Supported badge types:\n * - `dot`: Displays a dot notification badge with a blue color.\n * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\n * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\n * it shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.\n * - `success`: Displays a success badge with a check circle icon and green color.\n * - `warning`: Displays a warning badge with a warning icon and yellow color.\n * - `error`: Displays a error badge with a error legacy icon and red color.\n *\n * For `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\n *\n * For the `counter` type, the `mdc-text` component is used to render the counter value.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @tagname mdc-badge\n *\n * @cssproperty --mdc-badge-primary-foreground-color - The foreground color of the primary badge.\n * @cssproperty --mdc-badge-primary-background-color - The background color of the primary badge.\n * @cssproperty --mdc-badge-secondary-foreground-color - The foreground color of the secondary badge.\n * @cssproperty --mdc-badge-secondary-background-color - The background color of the secondary badge.\n * @cssproperty --mdc-badge-success-foreground-color - The foreground color of the success badge.\n * @cssproperty --mdc-badge-success-background-color - The background color of the success badge.\n * @cssproperty --mdc-badge-warning-foreground-color - The foreground color of the warning badge.\n * @cssproperty --mdc-badge-warning-background-color - The background color of the warning badge.\n * @cssproperty --mdc-badge-error-foreground-color - The foreground color of the error badge.\n * @cssproperty --mdc-badge-error-background-color - The background color of the error badge.\n * @cssproperty --mdc-badge-overlay-background-color - The background color of the badge overlay.\n */",
|
|
3157
|
+
"customElement": true
|
|
3158
|
+
}
|
|
3159
|
+
],
|
|
3160
|
+
"exports": [
|
|
3161
|
+
{
|
|
3162
|
+
"kind": "js",
|
|
3163
|
+
"name": "default",
|
|
3164
|
+
"declaration": {
|
|
3165
|
+
"name": "Badge",
|
|
3166
|
+
"module": "components/badge/badge.component.js"
|
|
3167
|
+
}
|
|
3168
|
+
}
|
|
3169
|
+
]
|
|
3170
|
+
},
|
|
3171
|
+
{
|
|
3172
|
+
"kind": "javascript-module",
|
|
3173
|
+
"path": "components/brandvisual/brandvisual.component.js",
|
|
3174
|
+
"declarations": [
|
|
3175
|
+
{
|
|
3176
|
+
"kind": "class",
|
|
3177
|
+
"description": "The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\ndisplayed correctly within applications.\n\nFeatures:\n- Dynamically loads brandvisuals based on the `name` attribute.\n- Emits a `load` event when the brandvisual is successfully fetched.\n- Emits an `error` event when the brandvisual import fails.\n- Supports accessibility best practices.\n- Used for brand representation within the design system.",
|
|
3178
|
+
"name": "Brandvisual",
|
|
3179
|
+
"members": [
|
|
3180
|
+
{
|
|
3181
|
+
"kind": "field",
|
|
3182
|
+
"name": "brandVisualData",
|
|
3183
|
+
"type": {
|
|
3184
|
+
"text": "Element | TemplateResult | undefined"
|
|
3185
|
+
},
|
|
3186
|
+
"privacy": "private"
|
|
3187
|
+
},
|
|
3188
|
+
{
|
|
3189
|
+
"kind": "field",
|
|
3190
|
+
"name": "name",
|
|
3191
|
+
"type": {
|
|
3192
|
+
"text": "BrandVisualNames | undefined"
|
|
3193
|
+
},
|
|
3194
|
+
"description": "Name of the brandVisual (= filename)",
|
|
3195
|
+
"attribute": "name",
|
|
3196
|
+
"reflects": true
|
|
3197
|
+
},
|
|
3198
|
+
{
|
|
3199
|
+
"kind": "field",
|
|
3200
|
+
"name": "altText",
|
|
3201
|
+
"type": {
|
|
3202
|
+
"text": "string | undefined"
|
|
3203
|
+
},
|
|
3204
|
+
"description": "Alt text for the brandvisual image for accessibility.\nThis will only be set if the brandvisual is an image (png).",
|
|
3205
|
+
"attribute": "altText",
|
|
3206
|
+
"reflects": true
|
|
3207
|
+
},
|
|
3208
|
+
{
|
|
3209
|
+
"kind": "method",
|
|
3210
|
+
"name": "getBrandVisualData",
|
|
3211
|
+
"privacy": "private"
|
|
3212
|
+
},
|
|
3213
|
+
{
|
|
3214
|
+
"kind": "method",
|
|
3215
|
+
"name": "injectTemplateAttributes",
|
|
3216
|
+
"privacy": "private",
|
|
3217
|
+
"return": {
|
|
3218
|
+
"type": {
|
|
3219
|
+
"text": "Element | TemplateResult"
|
|
3220
|
+
}
|
|
3221
|
+
},
|
|
3222
|
+
"parameters": [
|
|
3223
|
+
{
|
|
3224
|
+
"name": "litTemplate",
|
|
3225
|
+
"type": {
|
|
3226
|
+
"text": "TemplateResult"
|
|
3227
|
+
}
|
|
3228
|
+
},
|
|
3229
|
+
{
|
|
3230
|
+
"name": "tag",
|
|
3231
|
+
"type": {
|
|
3232
|
+
"text": "string"
|
|
3233
|
+
}
|
|
3234
|
+
},
|
|
3235
|
+
{
|
|
3236
|
+
"name": "props",
|
|
3237
|
+
"type": {
|
|
3238
|
+
"text": "any"
|
|
3239
|
+
}
|
|
3240
|
+
}
|
|
3241
|
+
]
|
|
3242
|
+
},
|
|
3243
|
+
{
|
|
3244
|
+
"kind": "method",
|
|
3245
|
+
"name": "injectHtmlAttributes",
|
|
3246
|
+
"privacy": "private",
|
|
3247
|
+
"return": {
|
|
3248
|
+
"type": {
|
|
3249
|
+
"text": "Element"
|
|
3250
|
+
}
|
|
3251
|
+
},
|
|
3252
|
+
"parameters": [
|
|
3253
|
+
{
|
|
3254
|
+
"name": "html",
|
|
3255
|
+
"type": {
|
|
3256
|
+
"text": "Element"
|
|
3257
|
+
}
|
|
3258
|
+
},
|
|
3259
|
+
{
|
|
3260
|
+
"name": "props",
|
|
3261
|
+
"type": {
|
|
3262
|
+
"text": "imageProps"
|
|
3263
|
+
}
|
|
3264
|
+
}
|
|
3265
|
+
]
|
|
3266
|
+
},
|
|
3267
|
+
{
|
|
3268
|
+
"kind": "method",
|
|
3269
|
+
"name": "handleBrandVisualLoadedSuccess",
|
|
3270
|
+
"privacy": "private",
|
|
3271
|
+
"parameters": [
|
|
3272
|
+
{
|
|
3273
|
+
"name": "brandVisualHtml",
|
|
3274
|
+
"type": {
|
|
3275
|
+
"text": "TemplateResult"
|
|
3276
|
+
},
|
|
3277
|
+
"description": "The brandvisual html element which has been fetched from the brandvisual provider."
|
|
3278
|
+
}
|
|
3279
|
+
],
|
|
3280
|
+
"description": "Sets the brandVisualData state to the fetched brandvisual.\nDispatches a 'load' event on the component once the brandvisual has been successfully loaded."
|
|
3281
|
+
},
|
|
3282
|
+
{
|
|
3283
|
+
"kind": "method",
|
|
3284
|
+
"name": "handleBrandVisualLoadedFailure",
|
|
3285
|
+
"privacy": "private",
|
|
3286
|
+
"parameters": [
|
|
3287
|
+
{
|
|
3288
|
+
"name": "error",
|
|
3289
|
+
"type": {
|
|
3290
|
+
"text": "unknown"
|
|
3291
|
+
}
|
|
3292
|
+
}
|
|
3293
|
+
],
|
|
3294
|
+
"description": "Dispatches an 'error' event on the component when the brandvisual import has failed.\nThis event bubbles and is cancelable.\nThe error detail is set to the error object."
|
|
3295
|
+
}
|
|
3296
|
+
],
|
|
3297
|
+
"events": [
|
|
3298
|
+
{
|
|
3299
|
+
"description": "(React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.",
|
|
3300
|
+
"name": "load",
|
|
3301
|
+
"reactName": "onLoad"
|
|
3302
|
+
},
|
|
3303
|
+
{
|
|
3304
|
+
"description": "(React: onError) This event is dispatched when the brandvisual fetching has failed.",
|
|
3305
|
+
"name": "error",
|
|
3306
|
+
"reactName": "onError"
|
|
3307
|
+
}
|
|
3308
|
+
],
|
|
3309
|
+
"attributes": [
|
|
3310
|
+
{
|
|
3311
|
+
"name": "name",
|
|
3312
|
+
"type": {
|
|
3313
|
+
"text": "BrandVisualNames | undefined"
|
|
3314
|
+
},
|
|
3315
|
+
"description": "Name of the brandVisual (= filename)",
|
|
3316
|
+
"fieldName": "name"
|
|
3317
|
+
},
|
|
3318
|
+
{
|
|
3319
|
+
"name": "altText",
|
|
3320
|
+
"type": {
|
|
3321
|
+
"text": "string | undefined"
|
|
3322
|
+
},
|
|
3323
|
+
"description": "Alt text for the brandvisual image for accessibility.\nThis will only be set if the brandvisual is an image (png).",
|
|
3324
|
+
"fieldName": "altText"
|
|
3325
|
+
}
|
|
3326
|
+
],
|
|
3327
|
+
"superclass": {
|
|
3328
|
+
"name": "Component",
|
|
3329
|
+
"module": "/src/models"
|
|
3330
|
+
},
|
|
3331
|
+
"tagName": "mdc-brandvisual",
|
|
3332
|
+
"jsDoc": "/**\n * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\n * displayed correctly within applications.\n *\n * Features:\n * - Dynamically loads brandvisuals based on the `name` attribute.\n * - Emits a `load` event when the brandvisual is successfully fetched.\n * - Emits an `error` event when the brandvisual import fails.\n * - Supports accessibility best practices.\n * - Used for brand representation within the design system.\n *\n * @tagname mdc-brandvisual\n *\n * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.\n * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.\n *\n */",
|
|
3333
|
+
"customElement": true
|
|
3334
|
+
}
|
|
3335
|
+
],
|
|
3336
|
+
"exports": [
|
|
3337
|
+
{
|
|
3338
|
+
"kind": "js",
|
|
3339
|
+
"name": "default",
|
|
3340
|
+
"declaration": {
|
|
3341
|
+
"name": "Brandvisual",
|
|
3342
|
+
"module": "components/brandvisual/brandvisual.component.js"
|
|
3343
|
+
}
|
|
3344
|
+
}
|
|
3345
|
+
]
|
|
3346
|
+
},
|
|
3347
|
+
{
|
|
3348
|
+
"kind": "javascript-module",
|
|
3349
|
+
"path": "components/bullet/bullet.component.js",
|
|
3350
|
+
"declarations": [
|
|
3351
|
+
{
|
|
3352
|
+
"kind": "class",
|
|
3353
|
+
"description": "Bullet component, which is a visual marker\nand be used to organize and present items in a list format.",
|
|
3354
|
+
"name": "Bullet",
|
|
3355
|
+
"cssProperties": [
|
|
3356
|
+
{
|
|
3357
|
+
"description": "background color of the bullet",
|
|
3358
|
+
"name": "--mdc-bullet-background-color"
|
|
3359
|
+
},
|
|
3360
|
+
{
|
|
3361
|
+
"description": "small size value of the bullet",
|
|
3362
|
+
"name": "--mdc-bullet-size-small"
|
|
3363
|
+
},
|
|
3364
|
+
{
|
|
3365
|
+
"description": "medium size value of the bullet",
|
|
3366
3366
|
"name": "--mdc-bullet-size-medium"
|
|
3367
3367
|
},
|
|
3368
3368
|
{
|
|
@@ -10789,38 +10789,7 @@
|
|
|
10789
10789
|
},
|
|
10790
10790
|
{
|
|
10791
10791
|
"kind": "field",
|
|
10792
|
-
"name": "
|
|
10793
|
-
"type": {
|
|
10794
|
-
"text": "HTMLElement | null"
|
|
10795
|
-
},
|
|
10796
|
-
"privacy": "public",
|
|
10797
|
-
"default": "null",
|
|
10798
|
-
"inheritedFrom": {
|
|
10799
|
-
"name": "Popover",
|
|
10800
|
-
"module": "components/popover/popover.component.js"
|
|
10801
|
-
}
|
|
10802
|
-
},
|
|
10803
|
-
{
|
|
10804
|
-
"kind": "field",
|
|
10805
|
-
"name": "storeConnectedTooltip",
|
|
10806
|
-
"privacy": "private",
|
|
10807
|
-
"inheritedFrom": {
|
|
10808
|
-
"name": "Popover",
|
|
10809
|
-
"module": "components/popover/popover.component.js"
|
|
10810
|
-
}
|
|
10811
|
-
},
|
|
10812
|
-
{
|
|
10813
|
-
"kind": "method",
|
|
10814
|
-
"name": "setupTriggerRelatedElement",
|
|
10815
|
-
"privacy": "private",
|
|
10816
|
-
"inheritedFrom": {
|
|
10817
|
-
"name": "Popover",
|
|
10818
|
-
"module": "components/popover/popover.component.js"
|
|
10819
|
-
}
|
|
10820
|
-
},
|
|
10821
|
-
{
|
|
10822
|
-
"kind": "field",
|
|
10823
|
-
"name": "cleanupTrigger",
|
|
10792
|
+
"name": "parseTrigger",
|
|
10824
10793
|
"privacy": "private",
|
|
10825
10794
|
"inheritedFrom": {
|
|
10826
10795
|
"name": "Popover",
|
|
@@ -10831,7 +10800,7 @@
|
|
|
10831
10800
|
"kind": "field",
|
|
10832
10801
|
"name": "setupTriggerListeners",
|
|
10833
10802
|
"privacy": "private",
|
|
10834
|
-
"description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.",
|
|
10803
|
+
"description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
|
|
10835
10804
|
"inheritedFrom": {
|
|
10836
10805
|
"name": "Popover",
|
|
10837
10806
|
"module": "components/popover/popover.component.js"
|
|
@@ -11032,14 +11001,20 @@
|
|
|
11032
11001
|
}
|
|
11033
11002
|
},
|
|
11034
11003
|
{
|
|
11035
|
-
"kind": "
|
|
11036
|
-
"name": "
|
|
11004
|
+
"kind": "method",
|
|
11005
|
+
"name": "isEventFromTrigger",
|
|
11037
11006
|
"privacy": "protected",
|
|
11038
|
-
"
|
|
11007
|
+
"return": {
|
|
11008
|
+
"type": {
|
|
11009
|
+
"text": "boolean"
|
|
11010
|
+
}
|
|
11011
|
+
},
|
|
11039
11012
|
"parameters": [
|
|
11040
11013
|
{
|
|
11041
|
-
"
|
|
11042
|
-
"
|
|
11014
|
+
"name": "event",
|
|
11015
|
+
"type": {
|
|
11016
|
+
"text": "Event"
|
|
11017
|
+
}
|
|
11043
11018
|
}
|
|
11044
11019
|
],
|
|
11045
11020
|
"inheritedFrom": {
|
|
@@ -11055,6 +11030,13 @@
|
|
|
11055
11030
|
"name": "Popover",
|
|
11056
11031
|
"module": "components/popover/popover.component.js"
|
|
11057
11032
|
}
|
|
11033
|
+
},
|
|
11034
|
+
{
|
|
11035
|
+
"kind": "field",
|
|
11036
|
+
"inheritedFrom": {
|
|
11037
|
+
"name": "Popover",
|
|
11038
|
+
"module": "components/popover/popover.component.js"
|
|
11039
|
+
}
|
|
11058
11040
|
}
|
|
11059
11041
|
],
|
|
11060
11042
|
"events": [
|
|
@@ -12943,367 +12925,6 @@
|
|
|
12943
12925
|
}
|
|
12944
12926
|
]
|
|
12945
12927
|
},
|
|
12946
|
-
{
|
|
12947
|
-
"kind": "javascript-module",
|
|
12948
|
-
"path": "components/formfieldgroup/formfieldgroup.component.js",
|
|
12949
|
-
"declarations": [
|
|
12950
|
-
{
|
|
12951
|
-
"kind": "class",
|
|
12952
|
-
"description": "`mdc-formfieldgroup` component, groups the form field components together.\nAll passed in children will have a gap of 12px (0.75rem) each applied.\n\nThis component is specifically for creating a `checkbox` group and a `toggle` group component.\nFor the radiogroup use the RadioGroup component instead.\n\nThe header text and description text are displayed above the items with accessible labels.<br/>\nThe consumer has to provide atleast the header-text or the aria-label,\nlike one of them <b>has</b> to be passed in always, otherwise its not accessible.\n\nThe role will be set to `group`.\nThe aria-label will be set with the data-aria-label property.\nThe aria-labelledby will be set with the header id which contains the header text information.\nThe aria-describedby will be set with the description id which contains the description text information.",
|
|
12953
|
-
"name": "FormfieldGroup",
|
|
12954
|
-
"slots": [
|
|
12955
|
-
{
|
|
12956
|
-
"description": "This is a default slot for checkbox or toggle components.",
|
|
12957
|
-
"name": "default"
|
|
12958
|
-
}
|
|
12959
|
-
],
|
|
12960
|
-
"members": [
|
|
12961
|
-
{
|
|
12962
|
-
"kind": "field",
|
|
12963
|
-
"name": "dataAriaLabel",
|
|
12964
|
-
"type": {
|
|
12965
|
-
"text": "string | null"
|
|
12966
|
-
},
|
|
12967
|
-
"default": "null",
|
|
12968
|
-
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
12969
|
-
"attribute": "data-aria-label",
|
|
12970
|
-
"reflects": true,
|
|
12971
|
-
"inheritedFrom": {
|
|
12972
|
-
"name": "DataAriaLabelMixin",
|
|
12973
|
-
"module": "utils/mixins/DataAriaLabelMixin.js"
|
|
12974
|
-
}
|
|
12975
|
-
},
|
|
12976
|
-
{
|
|
12977
|
-
"kind": "field",
|
|
12978
|
-
"name": "disabled",
|
|
12979
|
-
"type": {
|
|
12980
|
-
"text": "boolean | undefined"
|
|
12981
|
-
},
|
|
12982
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
12983
|
-
"default": "undefined",
|
|
12984
|
-
"attribute": "disabled",
|
|
12985
|
-
"reflects": true,
|
|
12986
|
-
"inheritedFrom": {
|
|
12987
|
-
"name": "DisabledMixin",
|
|
12988
|
-
"module": "utils/mixins/DisabledMixin.js"
|
|
12989
|
-
}
|
|
12990
|
-
},
|
|
12991
|
-
{
|
|
12992
|
-
"kind": "field",
|
|
12993
|
-
"name": "label",
|
|
12994
|
-
"type": {
|
|
12995
|
-
"text": "string | undefined"
|
|
12996
|
-
},
|
|
12997
|
-
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
12998
|
-
"attribute": "label",
|
|
12999
|
-
"reflects": true,
|
|
13000
|
-
"inheritedFrom": {
|
|
13001
|
-
"name": "FormfieldWrapper",
|
|
13002
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13003
|
-
}
|
|
13004
|
-
},
|
|
13005
|
-
{
|
|
13006
|
-
"kind": "field",
|
|
13007
|
-
"name": "required",
|
|
13008
|
-
"type": {
|
|
13009
|
-
"text": "boolean"
|
|
13010
|
-
},
|
|
13011
|
-
"default": "false",
|
|
13012
|
-
"description": "The required attribute to indicate that the input field is required.\nIt is used to append a required indicator (*) to the label.",
|
|
13013
|
-
"attribute": "required",
|
|
13014
|
-
"reflects": true,
|
|
13015
|
-
"inheritedFrom": {
|
|
13016
|
-
"name": "FormfieldWrapper",
|
|
13017
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13018
|
-
}
|
|
13019
|
-
},
|
|
13020
|
-
{
|
|
13021
|
-
"kind": "field",
|
|
13022
|
-
"name": "helpTextType",
|
|
13023
|
-
"type": {
|
|
13024
|
-
"text": "ValidationType"
|
|
13025
|
-
},
|
|
13026
|
-
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
13027
|
-
"attribute": "help-text-type",
|
|
13028
|
-
"reflects": true,
|
|
13029
|
-
"inheritedFrom": {
|
|
13030
|
-
"name": "FormfieldWrapper",
|
|
13031
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13032
|
-
}
|
|
13033
|
-
},
|
|
13034
|
-
{
|
|
13035
|
-
"kind": "field",
|
|
13036
|
-
"name": "helpText",
|
|
13037
|
-
"type": {
|
|
13038
|
-
"text": "string | undefined"
|
|
13039
|
-
},
|
|
13040
|
-
"description": "The help text that is displayed below the input field.",
|
|
13041
|
-
"attribute": "help-text",
|
|
13042
|
-
"reflects": true,
|
|
13043
|
-
"inheritedFrom": {
|
|
13044
|
-
"name": "FormfieldWrapper",
|
|
13045
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13046
|
-
}
|
|
13047
|
-
},
|
|
13048
|
-
{
|
|
13049
|
-
"kind": "field",
|
|
13050
|
-
"name": "toggletipText",
|
|
13051
|
-
"type": {
|
|
13052
|
-
"text": "string | undefined"
|
|
13053
|
-
},
|
|
13054
|
-
"description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
|
|
13055
|
-
"attribute": "toggletip-text",
|
|
13056
|
-
"reflects": true,
|
|
13057
|
-
"inheritedFrom": {
|
|
13058
|
-
"name": "FormfieldWrapper",
|
|
13059
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13060
|
-
}
|
|
13061
|
-
},
|
|
13062
|
-
{
|
|
13063
|
-
"kind": "field",
|
|
13064
|
-
"name": "toggletipPlacement",
|
|
13065
|
-
"type": {
|
|
13066
|
-
"text": "PopoverPlacement"
|
|
13067
|
-
},
|
|
13068
|
-
"description": "The placement of the toggletip that is displayed when the info icon is hovered.",
|
|
13069
|
-
"default": "'top'",
|
|
13070
|
-
"attribute": "toggletip-placement",
|
|
13071
|
-
"reflects": true,
|
|
13072
|
-
"inheritedFrom": {
|
|
13073
|
-
"name": "FormfieldWrapper",
|
|
13074
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13075
|
-
}
|
|
13076
|
-
},
|
|
13077
|
-
{
|
|
13078
|
-
"kind": "field",
|
|
13079
|
-
"name": "infoIconAriaLabel",
|
|
13080
|
-
"type": {
|
|
13081
|
-
"text": "string | undefined"
|
|
13082
|
-
},
|
|
13083
|
-
"description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
|
|
13084
|
-
"attribute": "info-icon-aria-label",
|
|
13085
|
-
"reflects": true,
|
|
13086
|
-
"inheritedFrom": {
|
|
13087
|
-
"name": "FormfieldWrapper",
|
|
13088
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13089
|
-
}
|
|
13090
|
-
},
|
|
13091
|
-
{
|
|
13092
|
-
"kind": "method",
|
|
13093
|
-
"name": "renderLabelElement",
|
|
13094
|
-
"privacy": "protected",
|
|
13095
|
-
"description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
|
|
13096
|
-
"return": {
|
|
13097
|
-
"type": {
|
|
13098
|
-
"text": ""
|
|
13099
|
-
}
|
|
13100
|
-
},
|
|
13101
|
-
"inheritedFrom": {
|
|
13102
|
-
"name": "FormfieldWrapper",
|
|
13103
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13104
|
-
}
|
|
13105
|
-
},
|
|
13106
|
-
{
|
|
13107
|
-
"kind": "method",
|
|
13108
|
-
"name": "renderHelpTextIcon",
|
|
13109
|
-
"privacy": "protected",
|
|
13110
|
-
"description": "creates the helpertext icon based on the helpTextType for validation.\nIf the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.",
|
|
13111
|
-
"return": {
|
|
13112
|
-
"type": {
|
|
13113
|
-
"text": ""
|
|
13114
|
-
}
|
|
13115
|
-
},
|
|
13116
|
-
"inheritedFrom": {
|
|
13117
|
-
"name": "FormfieldWrapper",
|
|
13118
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13119
|
-
}
|
|
13120
|
-
},
|
|
13121
|
-
{
|
|
13122
|
-
"kind": "method",
|
|
13123
|
-
"name": "renderHelpText",
|
|
13124
|
-
"privacy": "protected",
|
|
13125
|
-
"description": "creates the helper text component when the helpertext value is set.\nIt is also used to display the validation message based on the helpTextType.",
|
|
13126
|
-
"return": {
|
|
13127
|
-
"type": {
|
|
13128
|
-
"text": ""
|
|
13129
|
-
}
|
|
13130
|
-
},
|
|
13131
|
-
"inheritedFrom": {
|
|
13132
|
-
"name": "FormfieldWrapper",
|
|
13133
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13134
|
-
}
|
|
13135
|
-
},
|
|
13136
|
-
{
|
|
13137
|
-
"kind": "method",
|
|
13138
|
-
"name": "renderLabel",
|
|
13139
|
-
"privacy": "protected",
|
|
13140
|
-
"description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
|
|
13141
|
-
"return": {
|
|
13142
|
-
"type": {
|
|
13143
|
-
"text": ""
|
|
13144
|
-
}
|
|
13145
|
-
},
|
|
13146
|
-
"inheritedFrom": {
|
|
13147
|
-
"name": "FormfieldWrapper",
|
|
13148
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13149
|
-
}
|
|
13150
|
-
},
|
|
13151
|
-
{
|
|
13152
|
-
"kind": "method",
|
|
13153
|
-
"name": "renderHelperText",
|
|
13154
|
-
"privacy": "protected",
|
|
13155
|
-
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
|
13156
|
-
"return": {
|
|
13157
|
-
"type": {
|
|
13158
|
-
"text": ""
|
|
13159
|
-
}
|
|
13160
|
-
},
|
|
13161
|
-
"inheritedFrom": {
|
|
13162
|
-
"name": "FormfieldWrapper",
|
|
13163
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13164
|
-
}
|
|
13165
|
-
}
|
|
13166
|
-
],
|
|
13167
|
-
"mixins": [
|
|
13168
|
-
{
|
|
13169
|
-
"name": "DataAriaLabelMixin",
|
|
13170
|
-
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
|
13171
|
-
}
|
|
13172
|
-
],
|
|
13173
|
-
"superclass": {
|
|
13174
|
-
"name": "FormfieldWrapper",
|
|
13175
|
-
"module": "/src/components/formfieldwrapper/formfieldwrapper.component"
|
|
13176
|
-
},
|
|
13177
|
-
"tagName": "mdc-formfieldgroup",
|
|
13178
|
-
"jsDoc": "/**\n * `mdc-formfieldgroup` component, groups the form field components together.\n * All passed in children will have a gap of 12px (0.75rem) each applied.\n *\n * This component is specifically for creating a `checkbox` group and a `toggle` group component.\n * For the radiogroup use the RadioGroup component instead.\n *\n * The header text and description text are displayed above the items with accessible labels.<br/>\n * The consumer has to provide atleast the header-text or the aria-label,\n * like one of them <b>has</b> to be passed in always, otherwise its not accessible.\n *\n * The role will be set to `group`.\n * The aria-label will be set with the data-aria-label property.\n * The aria-labelledby will be set with the header id which contains the header text information.\n * The aria-describedby will be set with the description id which contains the description text information.\n *\n * @tagname mdc-formfieldgroup\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @slot default - This is a default slot for checkbox or toggle components.\n */",
|
|
13179
|
-
"customElement": true,
|
|
13180
|
-
"attributes": [
|
|
13181
|
-
{
|
|
13182
|
-
"name": "data-aria-label",
|
|
13183
|
-
"type": {
|
|
13184
|
-
"text": "string | null"
|
|
13185
|
-
},
|
|
13186
|
-
"default": "null",
|
|
13187
|
-
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
13188
|
-
"fieldName": "dataAriaLabel",
|
|
13189
|
-
"inheritedFrom": {
|
|
13190
|
-
"name": "DataAriaLabelMixin",
|
|
13191
|
-
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
|
13192
|
-
}
|
|
13193
|
-
},
|
|
13194
|
-
{
|
|
13195
|
-
"name": "disabled",
|
|
13196
|
-
"type": {
|
|
13197
|
-
"text": "boolean | undefined"
|
|
13198
|
-
},
|
|
13199
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
13200
|
-
"default": "undefined",
|
|
13201
|
-
"fieldName": "disabled",
|
|
13202
|
-
"inheritedFrom": {
|
|
13203
|
-
"name": "DisabledMixin",
|
|
13204
|
-
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
13205
|
-
}
|
|
13206
|
-
},
|
|
13207
|
-
{
|
|
13208
|
-
"name": "label",
|
|
13209
|
-
"type": {
|
|
13210
|
-
"text": "string | undefined"
|
|
13211
|
-
},
|
|
13212
|
-
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
13213
|
-
"fieldName": "label",
|
|
13214
|
-
"inheritedFrom": {
|
|
13215
|
-
"name": "FormfieldWrapper",
|
|
13216
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13217
|
-
}
|
|
13218
|
-
},
|
|
13219
|
-
{
|
|
13220
|
-
"name": "required",
|
|
13221
|
-
"type": {
|
|
13222
|
-
"text": "boolean"
|
|
13223
|
-
},
|
|
13224
|
-
"default": "false",
|
|
13225
|
-
"description": "The required attribute to indicate that the input field is required.\nIt is used to append a required indicator (*) to the label.",
|
|
13226
|
-
"fieldName": "required",
|
|
13227
|
-
"inheritedFrom": {
|
|
13228
|
-
"name": "FormfieldWrapper",
|
|
13229
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13230
|
-
}
|
|
13231
|
-
},
|
|
13232
|
-
{
|
|
13233
|
-
"name": "help-text-type",
|
|
13234
|
-
"type": {
|
|
13235
|
-
"text": "ValidationType"
|
|
13236
|
-
},
|
|
13237
|
-
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
13238
|
-
"fieldName": "helpTextType",
|
|
13239
|
-
"inheritedFrom": {
|
|
13240
|
-
"name": "FormfieldWrapper",
|
|
13241
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13242
|
-
}
|
|
13243
|
-
},
|
|
13244
|
-
{
|
|
13245
|
-
"name": "help-text",
|
|
13246
|
-
"type": {
|
|
13247
|
-
"text": "string | undefined"
|
|
13248
|
-
},
|
|
13249
|
-
"description": "The help text that is displayed below the input field.",
|
|
13250
|
-
"fieldName": "helpText",
|
|
13251
|
-
"inheritedFrom": {
|
|
13252
|
-
"name": "FormfieldWrapper",
|
|
13253
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13254
|
-
}
|
|
13255
|
-
},
|
|
13256
|
-
{
|
|
13257
|
-
"name": "toggletip-text",
|
|
13258
|
-
"type": {
|
|
13259
|
-
"text": "string | undefined"
|
|
13260
|
-
},
|
|
13261
|
-
"description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
|
|
13262
|
-
"fieldName": "toggletipText",
|
|
13263
|
-
"inheritedFrom": {
|
|
13264
|
-
"name": "FormfieldWrapper",
|
|
13265
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13266
|
-
}
|
|
13267
|
-
},
|
|
13268
|
-
{
|
|
13269
|
-
"name": "toggletip-placement",
|
|
13270
|
-
"type": {
|
|
13271
|
-
"text": "PopoverPlacement"
|
|
13272
|
-
},
|
|
13273
|
-
"description": "The placement of the toggletip that is displayed when the info icon is hovered.",
|
|
13274
|
-
"default": "'top'",
|
|
13275
|
-
"fieldName": "toggletipPlacement",
|
|
13276
|
-
"inheritedFrom": {
|
|
13277
|
-
"name": "FormfieldWrapper",
|
|
13278
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13279
|
-
}
|
|
13280
|
-
},
|
|
13281
|
-
{
|
|
13282
|
-
"name": "info-icon-aria-label",
|
|
13283
|
-
"type": {
|
|
13284
|
-
"text": "string | undefined"
|
|
13285
|
-
},
|
|
13286
|
-
"description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
|
|
13287
|
-
"fieldName": "infoIconAriaLabel",
|
|
13288
|
-
"inheritedFrom": {
|
|
13289
|
-
"name": "FormfieldWrapper",
|
|
13290
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13291
|
-
}
|
|
13292
|
-
}
|
|
13293
|
-
]
|
|
13294
|
-
}
|
|
13295
|
-
],
|
|
13296
|
-
"exports": [
|
|
13297
|
-
{
|
|
13298
|
-
"kind": "js",
|
|
13299
|
-
"name": "default",
|
|
13300
|
-
"declaration": {
|
|
13301
|
-
"name": "FormfieldGroup",
|
|
13302
|
-
"module": "components/formfieldgroup/formfieldgroup.component.js"
|
|
13303
|
-
}
|
|
13304
|
-
}
|
|
13305
|
-
]
|
|
13306
|
-
},
|
|
13307
12928
|
{
|
|
13308
12929
|
"kind": "javascript-module",
|
|
13309
12930
|
"path": "components/filterchip/filterchip.component.js",
|
|
@@ -13995,6 +13616,367 @@
|
|
|
13995
13616
|
}
|
|
13996
13617
|
]
|
|
13997
13618
|
},
|
|
13619
|
+
{
|
|
13620
|
+
"kind": "javascript-module",
|
|
13621
|
+
"path": "components/formfieldgroup/formfieldgroup.component.js",
|
|
13622
|
+
"declarations": [
|
|
13623
|
+
{
|
|
13624
|
+
"kind": "class",
|
|
13625
|
+
"description": "`mdc-formfieldgroup` component, groups the form field components together.\nAll passed in children will have a gap of 12px (0.75rem) each applied.\n\nThis component is specifically for creating a `checkbox` group and a `toggle` group component.\nFor the radiogroup use the RadioGroup component instead.\n\nThe header text and description text are displayed above the items with accessible labels.<br/>\nThe consumer has to provide atleast the header-text or the aria-label,\nlike one of them <b>has</b> to be passed in always, otherwise its not accessible.\n\nThe role will be set to `group`.\nThe aria-label will be set with the data-aria-label property.\nThe aria-labelledby will be set with the header id which contains the header text information.\nThe aria-describedby will be set with the description id which contains the description text information.",
|
|
13626
|
+
"name": "FormfieldGroup",
|
|
13627
|
+
"slots": [
|
|
13628
|
+
{
|
|
13629
|
+
"description": "This is a default slot for checkbox or toggle components.",
|
|
13630
|
+
"name": "default"
|
|
13631
|
+
}
|
|
13632
|
+
],
|
|
13633
|
+
"members": [
|
|
13634
|
+
{
|
|
13635
|
+
"kind": "field",
|
|
13636
|
+
"name": "dataAriaLabel",
|
|
13637
|
+
"type": {
|
|
13638
|
+
"text": "string | null"
|
|
13639
|
+
},
|
|
13640
|
+
"default": "null",
|
|
13641
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
13642
|
+
"attribute": "data-aria-label",
|
|
13643
|
+
"reflects": true,
|
|
13644
|
+
"inheritedFrom": {
|
|
13645
|
+
"name": "DataAriaLabelMixin",
|
|
13646
|
+
"module": "utils/mixins/DataAriaLabelMixin.js"
|
|
13647
|
+
}
|
|
13648
|
+
},
|
|
13649
|
+
{
|
|
13650
|
+
"kind": "field",
|
|
13651
|
+
"name": "disabled",
|
|
13652
|
+
"type": {
|
|
13653
|
+
"text": "boolean | undefined"
|
|
13654
|
+
},
|
|
13655
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
13656
|
+
"default": "undefined",
|
|
13657
|
+
"attribute": "disabled",
|
|
13658
|
+
"reflects": true,
|
|
13659
|
+
"inheritedFrom": {
|
|
13660
|
+
"name": "DisabledMixin",
|
|
13661
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
13662
|
+
}
|
|
13663
|
+
},
|
|
13664
|
+
{
|
|
13665
|
+
"kind": "field",
|
|
13666
|
+
"name": "label",
|
|
13667
|
+
"type": {
|
|
13668
|
+
"text": "string | undefined"
|
|
13669
|
+
},
|
|
13670
|
+
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
13671
|
+
"attribute": "label",
|
|
13672
|
+
"reflects": true,
|
|
13673
|
+
"inheritedFrom": {
|
|
13674
|
+
"name": "FormfieldWrapper",
|
|
13675
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13676
|
+
}
|
|
13677
|
+
},
|
|
13678
|
+
{
|
|
13679
|
+
"kind": "field",
|
|
13680
|
+
"name": "required",
|
|
13681
|
+
"type": {
|
|
13682
|
+
"text": "boolean"
|
|
13683
|
+
},
|
|
13684
|
+
"default": "false",
|
|
13685
|
+
"description": "The required attribute to indicate that the input field is required.\nIt is used to append a required indicator (*) to the label.",
|
|
13686
|
+
"attribute": "required",
|
|
13687
|
+
"reflects": true,
|
|
13688
|
+
"inheritedFrom": {
|
|
13689
|
+
"name": "FormfieldWrapper",
|
|
13690
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13691
|
+
}
|
|
13692
|
+
},
|
|
13693
|
+
{
|
|
13694
|
+
"kind": "field",
|
|
13695
|
+
"name": "helpTextType",
|
|
13696
|
+
"type": {
|
|
13697
|
+
"text": "ValidationType"
|
|
13698
|
+
},
|
|
13699
|
+
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
13700
|
+
"attribute": "help-text-type",
|
|
13701
|
+
"reflects": true,
|
|
13702
|
+
"inheritedFrom": {
|
|
13703
|
+
"name": "FormfieldWrapper",
|
|
13704
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13705
|
+
}
|
|
13706
|
+
},
|
|
13707
|
+
{
|
|
13708
|
+
"kind": "field",
|
|
13709
|
+
"name": "helpText",
|
|
13710
|
+
"type": {
|
|
13711
|
+
"text": "string | undefined"
|
|
13712
|
+
},
|
|
13713
|
+
"description": "The help text that is displayed below the input field.",
|
|
13714
|
+
"attribute": "help-text",
|
|
13715
|
+
"reflects": true,
|
|
13716
|
+
"inheritedFrom": {
|
|
13717
|
+
"name": "FormfieldWrapper",
|
|
13718
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13719
|
+
}
|
|
13720
|
+
},
|
|
13721
|
+
{
|
|
13722
|
+
"kind": "field",
|
|
13723
|
+
"name": "toggletipText",
|
|
13724
|
+
"type": {
|
|
13725
|
+
"text": "string | undefined"
|
|
13726
|
+
},
|
|
13727
|
+
"description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
|
|
13728
|
+
"attribute": "toggletip-text",
|
|
13729
|
+
"reflects": true,
|
|
13730
|
+
"inheritedFrom": {
|
|
13731
|
+
"name": "FormfieldWrapper",
|
|
13732
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13733
|
+
}
|
|
13734
|
+
},
|
|
13735
|
+
{
|
|
13736
|
+
"kind": "field",
|
|
13737
|
+
"name": "toggletipPlacement",
|
|
13738
|
+
"type": {
|
|
13739
|
+
"text": "PopoverPlacement"
|
|
13740
|
+
},
|
|
13741
|
+
"description": "The placement of the toggletip that is displayed when the info icon is hovered.",
|
|
13742
|
+
"default": "'top'",
|
|
13743
|
+
"attribute": "toggletip-placement",
|
|
13744
|
+
"reflects": true,
|
|
13745
|
+
"inheritedFrom": {
|
|
13746
|
+
"name": "FormfieldWrapper",
|
|
13747
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13748
|
+
}
|
|
13749
|
+
},
|
|
13750
|
+
{
|
|
13751
|
+
"kind": "field",
|
|
13752
|
+
"name": "infoIconAriaLabel",
|
|
13753
|
+
"type": {
|
|
13754
|
+
"text": "string | undefined"
|
|
13755
|
+
},
|
|
13756
|
+
"description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
|
|
13757
|
+
"attribute": "info-icon-aria-label",
|
|
13758
|
+
"reflects": true,
|
|
13759
|
+
"inheritedFrom": {
|
|
13760
|
+
"name": "FormfieldWrapper",
|
|
13761
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13762
|
+
}
|
|
13763
|
+
},
|
|
13764
|
+
{
|
|
13765
|
+
"kind": "method",
|
|
13766
|
+
"name": "renderLabelElement",
|
|
13767
|
+
"privacy": "protected",
|
|
13768
|
+
"description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
|
|
13769
|
+
"return": {
|
|
13770
|
+
"type": {
|
|
13771
|
+
"text": ""
|
|
13772
|
+
}
|
|
13773
|
+
},
|
|
13774
|
+
"inheritedFrom": {
|
|
13775
|
+
"name": "FormfieldWrapper",
|
|
13776
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13777
|
+
}
|
|
13778
|
+
},
|
|
13779
|
+
{
|
|
13780
|
+
"kind": "method",
|
|
13781
|
+
"name": "renderHelpTextIcon",
|
|
13782
|
+
"privacy": "protected",
|
|
13783
|
+
"description": "creates the helpertext icon based on the helpTextType for validation.\nIf the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.",
|
|
13784
|
+
"return": {
|
|
13785
|
+
"type": {
|
|
13786
|
+
"text": ""
|
|
13787
|
+
}
|
|
13788
|
+
},
|
|
13789
|
+
"inheritedFrom": {
|
|
13790
|
+
"name": "FormfieldWrapper",
|
|
13791
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13792
|
+
}
|
|
13793
|
+
},
|
|
13794
|
+
{
|
|
13795
|
+
"kind": "method",
|
|
13796
|
+
"name": "renderHelpText",
|
|
13797
|
+
"privacy": "protected",
|
|
13798
|
+
"description": "creates the helper text component when the helpertext value is set.\nIt is also used to display the validation message based on the helpTextType.",
|
|
13799
|
+
"return": {
|
|
13800
|
+
"type": {
|
|
13801
|
+
"text": ""
|
|
13802
|
+
}
|
|
13803
|
+
},
|
|
13804
|
+
"inheritedFrom": {
|
|
13805
|
+
"name": "FormfieldWrapper",
|
|
13806
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13807
|
+
}
|
|
13808
|
+
},
|
|
13809
|
+
{
|
|
13810
|
+
"kind": "method",
|
|
13811
|
+
"name": "renderLabel",
|
|
13812
|
+
"privacy": "protected",
|
|
13813
|
+
"description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
|
|
13814
|
+
"return": {
|
|
13815
|
+
"type": {
|
|
13816
|
+
"text": ""
|
|
13817
|
+
}
|
|
13818
|
+
},
|
|
13819
|
+
"inheritedFrom": {
|
|
13820
|
+
"name": "FormfieldWrapper",
|
|
13821
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13822
|
+
}
|
|
13823
|
+
},
|
|
13824
|
+
{
|
|
13825
|
+
"kind": "method",
|
|
13826
|
+
"name": "renderHelperText",
|
|
13827
|
+
"privacy": "protected",
|
|
13828
|
+
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
|
13829
|
+
"return": {
|
|
13830
|
+
"type": {
|
|
13831
|
+
"text": ""
|
|
13832
|
+
}
|
|
13833
|
+
},
|
|
13834
|
+
"inheritedFrom": {
|
|
13835
|
+
"name": "FormfieldWrapper",
|
|
13836
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
13837
|
+
}
|
|
13838
|
+
}
|
|
13839
|
+
],
|
|
13840
|
+
"mixins": [
|
|
13841
|
+
{
|
|
13842
|
+
"name": "DataAriaLabelMixin",
|
|
13843
|
+
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
|
13844
|
+
}
|
|
13845
|
+
],
|
|
13846
|
+
"superclass": {
|
|
13847
|
+
"name": "FormfieldWrapper",
|
|
13848
|
+
"module": "/src/components/formfieldwrapper/formfieldwrapper.component"
|
|
13849
|
+
},
|
|
13850
|
+
"tagName": "mdc-formfieldgroup",
|
|
13851
|
+
"jsDoc": "/**\n * `mdc-formfieldgroup` component, groups the form field components together.\n * All passed in children will have a gap of 12px (0.75rem) each applied.\n *\n * This component is specifically for creating a `checkbox` group and a `toggle` group component.\n * For the radiogroup use the RadioGroup component instead.\n *\n * The header text and description text are displayed above the items with accessible labels.<br/>\n * The consumer has to provide atleast the header-text or the aria-label,\n * like one of them <b>has</b> to be passed in always, otherwise its not accessible.\n *\n * The role will be set to `group`.\n * The aria-label will be set with the data-aria-label property.\n * The aria-labelledby will be set with the header id which contains the header text information.\n * The aria-describedby will be set with the description id which contains the description text information.\n *\n * @tagname mdc-formfieldgroup\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @slot default - This is a default slot for checkbox or toggle components.\n */",
|
|
13852
|
+
"customElement": true,
|
|
13853
|
+
"attributes": [
|
|
13854
|
+
{
|
|
13855
|
+
"name": "data-aria-label",
|
|
13856
|
+
"type": {
|
|
13857
|
+
"text": "string | null"
|
|
13858
|
+
},
|
|
13859
|
+
"default": "null",
|
|
13860
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
13861
|
+
"fieldName": "dataAriaLabel",
|
|
13862
|
+
"inheritedFrom": {
|
|
13863
|
+
"name": "DataAriaLabelMixin",
|
|
13864
|
+
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
|
13865
|
+
}
|
|
13866
|
+
},
|
|
13867
|
+
{
|
|
13868
|
+
"name": "disabled",
|
|
13869
|
+
"type": {
|
|
13870
|
+
"text": "boolean | undefined"
|
|
13871
|
+
},
|
|
13872
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
13873
|
+
"default": "undefined",
|
|
13874
|
+
"fieldName": "disabled",
|
|
13875
|
+
"inheritedFrom": {
|
|
13876
|
+
"name": "DisabledMixin",
|
|
13877
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
13878
|
+
}
|
|
13879
|
+
},
|
|
13880
|
+
{
|
|
13881
|
+
"name": "label",
|
|
13882
|
+
"type": {
|
|
13883
|
+
"text": "string | undefined"
|
|
13884
|
+
},
|
|
13885
|
+
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
13886
|
+
"fieldName": "label",
|
|
13887
|
+
"inheritedFrom": {
|
|
13888
|
+
"name": "FormfieldWrapper",
|
|
13889
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13890
|
+
}
|
|
13891
|
+
},
|
|
13892
|
+
{
|
|
13893
|
+
"name": "required",
|
|
13894
|
+
"type": {
|
|
13895
|
+
"text": "boolean"
|
|
13896
|
+
},
|
|
13897
|
+
"default": "false",
|
|
13898
|
+
"description": "The required attribute to indicate that the input field is required.\nIt is used to append a required indicator (*) to the label.",
|
|
13899
|
+
"fieldName": "required",
|
|
13900
|
+
"inheritedFrom": {
|
|
13901
|
+
"name": "FormfieldWrapper",
|
|
13902
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13903
|
+
}
|
|
13904
|
+
},
|
|
13905
|
+
{
|
|
13906
|
+
"name": "help-text-type",
|
|
13907
|
+
"type": {
|
|
13908
|
+
"text": "ValidationType"
|
|
13909
|
+
},
|
|
13910
|
+
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
13911
|
+
"fieldName": "helpTextType",
|
|
13912
|
+
"inheritedFrom": {
|
|
13913
|
+
"name": "FormfieldWrapper",
|
|
13914
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13915
|
+
}
|
|
13916
|
+
},
|
|
13917
|
+
{
|
|
13918
|
+
"name": "help-text",
|
|
13919
|
+
"type": {
|
|
13920
|
+
"text": "string | undefined"
|
|
13921
|
+
},
|
|
13922
|
+
"description": "The help text that is displayed below the input field.",
|
|
13923
|
+
"fieldName": "helpText",
|
|
13924
|
+
"inheritedFrom": {
|
|
13925
|
+
"name": "FormfieldWrapper",
|
|
13926
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13927
|
+
}
|
|
13928
|
+
},
|
|
13929
|
+
{
|
|
13930
|
+
"name": "toggletip-text",
|
|
13931
|
+
"type": {
|
|
13932
|
+
"text": "string | undefined"
|
|
13933
|
+
},
|
|
13934
|
+
"description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
|
|
13935
|
+
"fieldName": "toggletipText",
|
|
13936
|
+
"inheritedFrom": {
|
|
13937
|
+
"name": "FormfieldWrapper",
|
|
13938
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13939
|
+
}
|
|
13940
|
+
},
|
|
13941
|
+
{
|
|
13942
|
+
"name": "toggletip-placement",
|
|
13943
|
+
"type": {
|
|
13944
|
+
"text": "PopoverPlacement"
|
|
13945
|
+
},
|
|
13946
|
+
"description": "The placement of the toggletip that is displayed when the info icon is hovered.",
|
|
13947
|
+
"default": "'top'",
|
|
13948
|
+
"fieldName": "toggletipPlacement",
|
|
13949
|
+
"inheritedFrom": {
|
|
13950
|
+
"name": "FormfieldWrapper",
|
|
13951
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13952
|
+
}
|
|
13953
|
+
},
|
|
13954
|
+
{
|
|
13955
|
+
"name": "info-icon-aria-label",
|
|
13956
|
+
"type": {
|
|
13957
|
+
"text": "string | undefined"
|
|
13958
|
+
},
|
|
13959
|
+
"description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
|
|
13960
|
+
"fieldName": "infoIconAriaLabel",
|
|
13961
|
+
"inheritedFrom": {
|
|
13962
|
+
"name": "FormfieldWrapper",
|
|
13963
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
13964
|
+
}
|
|
13965
|
+
}
|
|
13966
|
+
]
|
|
13967
|
+
}
|
|
13968
|
+
],
|
|
13969
|
+
"exports": [
|
|
13970
|
+
{
|
|
13971
|
+
"kind": "js",
|
|
13972
|
+
"name": "default",
|
|
13973
|
+
"declaration": {
|
|
13974
|
+
"name": "FormfieldGroup",
|
|
13975
|
+
"module": "components/formfieldgroup/formfieldgroup.component.js"
|
|
13976
|
+
}
|
|
13977
|
+
}
|
|
13978
|
+
]
|
|
13979
|
+
},
|
|
13998
13980
|
{
|
|
13999
13981
|
"kind": "javascript-module",
|
|
14000
13982
|
"path": "components/formfieldwrapper/formfieldwrapper.component.js",
|
|
@@ -23097,38 +23079,7 @@
|
|
|
23097
23079
|
},
|
|
23098
23080
|
{
|
|
23099
23081
|
"kind": "field",
|
|
23100
|
-
"name": "
|
|
23101
|
-
"type": {
|
|
23102
|
-
"text": "HTMLElement | null"
|
|
23103
|
-
},
|
|
23104
|
-
"privacy": "public",
|
|
23105
|
-
"default": "null",
|
|
23106
|
-
"inheritedFrom": {
|
|
23107
|
-
"name": "Popover",
|
|
23108
|
-
"module": "components/popover/popover.component.js"
|
|
23109
|
-
}
|
|
23110
|
-
},
|
|
23111
|
-
{
|
|
23112
|
-
"kind": "field",
|
|
23113
|
-
"name": "storeConnectedTooltip",
|
|
23114
|
-
"privacy": "private",
|
|
23115
|
-
"inheritedFrom": {
|
|
23116
|
-
"name": "Popover",
|
|
23117
|
-
"module": "components/popover/popover.component.js"
|
|
23118
|
-
}
|
|
23119
|
-
},
|
|
23120
|
-
{
|
|
23121
|
-
"kind": "method",
|
|
23122
|
-
"name": "setupTriggerRelatedElement",
|
|
23123
|
-
"privacy": "private",
|
|
23124
|
-
"inheritedFrom": {
|
|
23125
|
-
"name": "Popover",
|
|
23126
|
-
"module": "components/popover/popover.component.js"
|
|
23127
|
-
}
|
|
23128
|
-
},
|
|
23129
|
-
{
|
|
23130
|
-
"kind": "field",
|
|
23131
|
-
"name": "cleanupTrigger",
|
|
23082
|
+
"name": "parseTrigger",
|
|
23132
23083
|
"privacy": "private",
|
|
23133
23084
|
"inheritedFrom": {
|
|
23134
23085
|
"name": "Popover",
|
|
@@ -23139,7 +23090,7 @@
|
|
|
23139
23090
|
"kind": "field",
|
|
23140
23091
|
"name": "setupTriggerListeners",
|
|
23141
23092
|
"privacy": "private",
|
|
23142
|
-
"description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.",
|
|
23093
|
+
"description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
|
|
23143
23094
|
"inheritedFrom": {
|
|
23144
23095
|
"name": "Popover",
|
|
23145
23096
|
"module": "components/popover/popover.component.js"
|
|
@@ -23288,14 +23239,20 @@
|
|
|
23288
23239
|
}
|
|
23289
23240
|
},
|
|
23290
23241
|
{
|
|
23291
|
-
"kind": "
|
|
23292
|
-
"name": "
|
|
23242
|
+
"kind": "method",
|
|
23243
|
+
"name": "isEventFromTrigger",
|
|
23293
23244
|
"privacy": "protected",
|
|
23294
|
-
"
|
|
23245
|
+
"return": {
|
|
23246
|
+
"type": {
|
|
23247
|
+
"text": "boolean"
|
|
23248
|
+
}
|
|
23249
|
+
},
|
|
23295
23250
|
"parameters": [
|
|
23296
23251
|
{
|
|
23297
|
-
"
|
|
23298
|
-
"
|
|
23252
|
+
"name": "event",
|
|
23253
|
+
"type": {
|
|
23254
|
+
"text": "Event"
|
|
23255
|
+
}
|
|
23299
23256
|
}
|
|
23300
23257
|
],
|
|
23301
23258
|
"inheritedFrom": {
|
|
@@ -23311,6 +23268,13 @@
|
|
|
23311
23268
|
"name": "Popover",
|
|
23312
23269
|
"module": "components/popover/popover.component.js"
|
|
23313
23270
|
}
|
|
23271
|
+
},
|
|
23272
|
+
{
|
|
23273
|
+
"kind": "field",
|
|
23274
|
+
"inheritedFrom": {
|
|
23275
|
+
"name": "Popover",
|
|
23276
|
+
"module": "components/popover/popover.component.js"
|
|
23277
|
+
}
|
|
23314
23278
|
}
|
|
23315
23279
|
],
|
|
23316
23280
|
"events": [
|
|
@@ -27967,33 +27931,14 @@
|
|
|
27967
27931
|
},
|
|
27968
27932
|
{
|
|
27969
27933
|
"kind": "field",
|
|
27970
|
-
"name": "
|
|
27971
|
-
"type": {
|
|
27972
|
-
"text": "HTMLElement | null"
|
|
27973
|
-
},
|
|
27974
|
-
"privacy": "public",
|
|
27975
|
-
"default": "null"
|
|
27976
|
-
},
|
|
27977
|
-
{
|
|
27978
|
-
"kind": "field",
|
|
27979
|
-
"name": "storeConnectedTooltip",
|
|
27980
|
-
"privacy": "private"
|
|
27981
|
-
},
|
|
27982
|
-
{
|
|
27983
|
-
"kind": "method",
|
|
27984
|
-
"name": "setupTriggerRelatedElement",
|
|
27985
|
-
"privacy": "private"
|
|
27986
|
-
},
|
|
27987
|
-
{
|
|
27988
|
-
"kind": "field",
|
|
27989
|
-
"name": "cleanupTrigger",
|
|
27934
|
+
"name": "parseTrigger",
|
|
27990
27935
|
"privacy": "private"
|
|
27991
27936
|
},
|
|
27992
27937
|
{
|
|
27993
27938
|
"kind": "field",
|
|
27994
27939
|
"name": "setupTriggerListeners",
|
|
27995
27940
|
"privacy": "private",
|
|
27996
|
-
"description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers."
|
|
27941
|
+
"description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)"
|
|
27997
27942
|
},
|
|
27998
27943
|
{
|
|
27999
27944
|
"kind": "field",
|
|
@@ -28126,14 +28071,20 @@
|
|
|
28126
28071
|
"description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position."
|
|
28127
28072
|
},
|
|
28128
28073
|
{
|
|
28129
|
-
"kind": "
|
|
28130
|
-
"name": "
|
|
28074
|
+
"kind": "method",
|
|
28075
|
+
"name": "isEventFromTrigger",
|
|
28131
28076
|
"privacy": "protected",
|
|
28132
|
-
"
|
|
28077
|
+
"return": {
|
|
28078
|
+
"type": {
|
|
28079
|
+
"text": "boolean"
|
|
28080
|
+
}
|
|
28081
|
+
},
|
|
28133
28082
|
"parameters": [
|
|
28134
28083
|
{
|
|
28135
|
-
"
|
|
28136
|
-
"
|
|
28084
|
+
"name": "event",
|
|
28085
|
+
"type": {
|
|
28086
|
+
"text": "Event"
|
|
28087
|
+
}
|
|
28137
28088
|
}
|
|
28138
28089
|
]
|
|
28139
28090
|
},
|
|
@@ -28142,6 +28093,9 @@
|
|
|
28142
28093
|
"name": "utils",
|
|
28143
28094
|
"default": "new PopoverUtils(this)"
|
|
28144
28095
|
},
|
|
28096
|
+
{
|
|
28097
|
+
"kind": "field"
|
|
28098
|
+
},
|
|
28145
28099
|
{
|
|
28146
28100
|
"kind": "method",
|
|
28147
28101
|
"name": "activatePreventScroll",
|
|
@@ -29535,7 +29489,609 @@
|
|
|
29535
29489
|
},
|
|
29536
29490
|
"description": "Types of the progressbar\n- **Default**\n- **Inline**",
|
|
29537
29491
|
"default": "default",
|
|
29538
|
-
"fieldName": "variant"
|
|
29492
|
+
"fieldName": "variant"
|
|
29493
|
+
},
|
|
29494
|
+
{
|
|
29495
|
+
"name": "value",
|
|
29496
|
+
"type": {
|
|
29497
|
+
"text": "string"
|
|
29498
|
+
},
|
|
29499
|
+
"default": "'0'",
|
|
29500
|
+
"description": "The current progress as a percentage, 0 to 100.\nThe value will be clamped between 0 and 100.",
|
|
29501
|
+
"fieldName": "value"
|
|
29502
|
+
},
|
|
29503
|
+
{
|
|
29504
|
+
"name": "error",
|
|
29505
|
+
"type": {
|
|
29506
|
+
"text": "boolean"
|
|
29507
|
+
},
|
|
29508
|
+
"default": "false",
|
|
29509
|
+
"description": "Define error state of the progressbar\n- **true**\n- **false**",
|
|
29510
|
+
"fieldName": "error"
|
|
29511
|
+
},
|
|
29512
|
+
{
|
|
29513
|
+
"name": "data-aria-label",
|
|
29514
|
+
"type": {
|
|
29515
|
+
"text": "string | null"
|
|
29516
|
+
},
|
|
29517
|
+
"default": "null",
|
|
29518
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
29519
|
+
"fieldName": "dataAriaLabel",
|
|
29520
|
+
"inheritedFrom": {
|
|
29521
|
+
"name": "DataAriaLabelMixin",
|
|
29522
|
+
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
|
29523
|
+
}
|
|
29524
|
+
},
|
|
29525
|
+
{
|
|
29526
|
+
"name": "disabled",
|
|
29527
|
+
"type": {
|
|
29528
|
+
"text": "boolean | undefined"
|
|
29529
|
+
},
|
|
29530
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
29531
|
+
"default": "undefined",
|
|
29532
|
+
"fieldName": "disabled",
|
|
29533
|
+
"inheritedFrom": {
|
|
29534
|
+
"name": "FormfieldWrapper",
|
|
29535
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
29536
|
+
}
|
|
29537
|
+
},
|
|
29538
|
+
{
|
|
29539
|
+
"name": "label",
|
|
29540
|
+
"type": {
|
|
29541
|
+
"text": "string | undefined"
|
|
29542
|
+
},
|
|
29543
|
+
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
29544
|
+
"fieldName": "label",
|
|
29545
|
+
"inheritedFrom": {
|
|
29546
|
+
"name": "FormfieldWrapper",
|
|
29547
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
29548
|
+
}
|
|
29549
|
+
},
|
|
29550
|
+
{
|
|
29551
|
+
"name": "required",
|
|
29552
|
+
"type": {
|
|
29553
|
+
"text": "boolean"
|
|
29554
|
+
},
|
|
29555
|
+
"default": "false",
|
|
29556
|
+
"description": "The required attribute to indicate that the input field is required.\nIt is used to append a required indicator (*) to the label.",
|
|
29557
|
+
"fieldName": "required",
|
|
29558
|
+
"inheritedFrom": {
|
|
29559
|
+
"name": "FormfieldWrapper",
|
|
29560
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
29561
|
+
}
|
|
29562
|
+
},
|
|
29563
|
+
{
|
|
29564
|
+
"name": "help-text-type",
|
|
29565
|
+
"type": {
|
|
29566
|
+
"text": "ValidationType"
|
|
29567
|
+
},
|
|
29568
|
+
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
29569
|
+
"fieldName": "helpTextType",
|
|
29570
|
+
"inheritedFrom": {
|
|
29571
|
+
"name": "FormfieldWrapper",
|
|
29572
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
29573
|
+
}
|
|
29574
|
+
},
|
|
29575
|
+
{
|
|
29576
|
+
"name": "help-text",
|
|
29577
|
+
"type": {
|
|
29578
|
+
"text": "string | undefined"
|
|
29579
|
+
},
|
|
29580
|
+
"description": "The help text that is displayed below the input field.",
|
|
29581
|
+
"fieldName": "helpText",
|
|
29582
|
+
"inheritedFrom": {
|
|
29583
|
+
"name": "FormfieldWrapper",
|
|
29584
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
29585
|
+
}
|
|
29586
|
+
},
|
|
29587
|
+
{
|
|
29588
|
+
"name": "toggletip-text",
|
|
29589
|
+
"type": {
|
|
29590
|
+
"text": "string | undefined"
|
|
29591
|
+
},
|
|
29592
|
+
"description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
|
|
29593
|
+
"fieldName": "toggletipText",
|
|
29594
|
+
"inheritedFrom": {
|
|
29595
|
+
"name": "FormfieldWrapper",
|
|
29596
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
29597
|
+
}
|
|
29598
|
+
},
|
|
29599
|
+
{
|
|
29600
|
+
"name": "toggletip-placement",
|
|
29601
|
+
"type": {
|
|
29602
|
+
"text": "PopoverPlacement"
|
|
29603
|
+
},
|
|
29604
|
+
"description": "The placement of the toggletip that is displayed when the info icon is hovered.",
|
|
29605
|
+
"default": "'top'",
|
|
29606
|
+
"fieldName": "toggletipPlacement",
|
|
29607
|
+
"inheritedFrom": {
|
|
29608
|
+
"name": "FormfieldWrapper",
|
|
29609
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
29610
|
+
}
|
|
29611
|
+
},
|
|
29612
|
+
{
|
|
29613
|
+
"name": "info-icon-aria-label",
|
|
29614
|
+
"type": {
|
|
29615
|
+
"text": "string | undefined"
|
|
29616
|
+
},
|
|
29617
|
+
"description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
|
|
29618
|
+
"fieldName": "infoIconAriaLabel",
|
|
29619
|
+
"inheritedFrom": {
|
|
29620
|
+
"name": "FormfieldWrapper",
|
|
29621
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
29622
|
+
}
|
|
29623
|
+
}
|
|
29624
|
+
],
|
|
29625
|
+
"mixins": [
|
|
29626
|
+
{
|
|
29627
|
+
"name": "DataAriaLabelMixin",
|
|
29628
|
+
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
|
29629
|
+
}
|
|
29630
|
+
],
|
|
29631
|
+
"superclass": {
|
|
29632
|
+
"name": "FormfieldWrapper",
|
|
29633
|
+
"module": "/src/components/formfieldwrapper"
|
|
29634
|
+
},
|
|
29635
|
+
"tagName": "mdc-progressbar",
|
|
29636
|
+
"jsDoc": "/**\n * mdc-progressbar component visually represents a progress indicator, typically used to show\n * the completion state of an ongoing process (e.g., loading, file upload, etc.).\n * It contains an optional label and an optional helper text.\n *\n * - It supports mainly two types: Default and Inline\n * - It supports three validation variants: Default, Success and Error.\n *\n * This component is created by extending FormfieldWrapper.\n *\n * @tagname mdc-progressbar\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-progressbar-background-color - Background color of the remaining progressbar portion.\n * @cssproperty --mdc-progressbar-active-background-color - Background color of the elapsed progressbar portion.\n * @cssproperty --mdc-progressbar-success-color - Background color of the progressbar when in success state.\n * @cssproperty --mdc-progressbar-error-color - Background color of the progressbar when in error state.\n * @cssproperty --mdc-progressbar-height - The height of the progressbar.\n * @cssproperty --mdc-progressbar-border-radius - The border radius of the progressbar.\n * @cssproperty --mdc-progressbar-label-color - Color of the progressbar label text.\n * @cssproperty --mdc-progressbar-label-line-height - Line height of the label text.\n * @cssproperty --mdc-progressbar-label-font-size - Font size of the label text.\n * @cssproperty --mdc-progressbar-label-font-weight - Font weight of the label text.\n * @cssproperty --mdc-progressbar-help-text-color - Color of the help text.\n */",
|
|
29637
|
+
"customElement": true
|
|
29638
|
+
}
|
|
29639
|
+
],
|
|
29640
|
+
"exports": [
|
|
29641
|
+
{
|
|
29642
|
+
"kind": "js",
|
|
29643
|
+
"name": "default",
|
|
29644
|
+
"declaration": {
|
|
29645
|
+
"name": "Progressbar",
|
|
29646
|
+
"module": "components/progressbar/progressbar.component.js"
|
|
29647
|
+
}
|
|
29648
|
+
}
|
|
29649
|
+
]
|
|
29650
|
+
},
|
|
29651
|
+
{
|
|
29652
|
+
"kind": "javascript-module",
|
|
29653
|
+
"path": "components/progressspinner/progressspinner.component.js",
|
|
29654
|
+
"declarations": [
|
|
29655
|
+
{
|
|
29656
|
+
"kind": "class",
|
|
29657
|
+
"description": "`mdc-progressspinner` is a customizable, circular progress indicator component.\nIt visually represents the current completion state of a process, such as loading,\nsyncing, uploading, or any ongoing task that has a measurable percentage.\n\nThe spinner is built using SVG with two concentric `<circle>` elements:\n- The `progress` arc represents the portion of work completed.\n- The `track` arc represents the remaining part.\n\nA visual gap is maintained between the progress and track arcs to clearly\ndistinguish the two segments. The component smoothly animates arc length\nand respects accessibility best practices with ARIA attributes.\n\nThe component supports different states:\n- **Default**: Circular spinner shows the progress.\n- **Success**: Displays a checkmark icon when progress reaches 100%.\n- **Error**: Displays an error icon when in an error state.",
|
|
29658
|
+
"name": "Progressspinner",
|
|
29659
|
+
"cssProperties": [
|
|
29660
|
+
{
|
|
29661
|
+
"description": "The size of the spinner.",
|
|
29662
|
+
"name": "--mdc-spinner-size"
|
|
29663
|
+
},
|
|
29664
|
+
{
|
|
29665
|
+
"description": "The color of the spinner track.",
|
|
29666
|
+
"name": "--mdc-track-color"
|
|
29667
|
+
},
|
|
29668
|
+
{
|
|
29669
|
+
"description": "The color of the spinner progress.",
|
|
29670
|
+
"name": "--mdc-progress-color"
|
|
29671
|
+
},
|
|
29672
|
+
{
|
|
29673
|
+
"description": "The color of the spinner when in success state.",
|
|
29674
|
+
"name": "--mdc-progress-success-color"
|
|
29675
|
+
},
|
|
29676
|
+
{
|
|
29677
|
+
"description": "The color of the spinner when in error state.",
|
|
29678
|
+
"name": "--mdc-progress-error-color"
|
|
29679
|
+
},
|
|
29680
|
+
{
|
|
29681
|
+
"description": "Background color of the remaining progressbar portion.",
|
|
29682
|
+
"name": "--mdc-progressbar-background-color",
|
|
29683
|
+
"inheritedFrom": {
|
|
29684
|
+
"name": "Progressbar",
|
|
29685
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29686
|
+
}
|
|
29687
|
+
},
|
|
29688
|
+
{
|
|
29689
|
+
"description": "Background color of the elapsed progressbar portion.",
|
|
29690
|
+
"name": "--mdc-progressbar-active-background-color",
|
|
29691
|
+
"inheritedFrom": {
|
|
29692
|
+
"name": "Progressbar",
|
|
29693
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29694
|
+
}
|
|
29695
|
+
},
|
|
29696
|
+
{
|
|
29697
|
+
"description": "Background color of the progressbar when in success state.",
|
|
29698
|
+
"name": "--mdc-progressbar-success-color",
|
|
29699
|
+
"inheritedFrom": {
|
|
29700
|
+
"name": "Progressbar",
|
|
29701
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29702
|
+
}
|
|
29703
|
+
},
|
|
29704
|
+
{
|
|
29705
|
+
"description": "Background color of the progressbar when in error state.",
|
|
29706
|
+
"name": "--mdc-progressbar-error-color",
|
|
29707
|
+
"inheritedFrom": {
|
|
29708
|
+
"name": "Progressbar",
|
|
29709
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29710
|
+
}
|
|
29711
|
+
},
|
|
29712
|
+
{
|
|
29713
|
+
"description": "The height of the progressbar.",
|
|
29714
|
+
"name": "--mdc-progressbar-height",
|
|
29715
|
+
"inheritedFrom": {
|
|
29716
|
+
"name": "Progressbar",
|
|
29717
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29718
|
+
}
|
|
29719
|
+
},
|
|
29720
|
+
{
|
|
29721
|
+
"description": "The border radius of the progressbar.",
|
|
29722
|
+
"name": "--mdc-progressbar-border-radius",
|
|
29723
|
+
"inheritedFrom": {
|
|
29724
|
+
"name": "Progressbar",
|
|
29725
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29726
|
+
}
|
|
29727
|
+
},
|
|
29728
|
+
{
|
|
29729
|
+
"description": "Color of the progressbar label text.",
|
|
29730
|
+
"name": "--mdc-progressbar-label-color",
|
|
29731
|
+
"inheritedFrom": {
|
|
29732
|
+
"name": "Progressbar",
|
|
29733
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29734
|
+
}
|
|
29735
|
+
},
|
|
29736
|
+
{
|
|
29737
|
+
"description": "Line height of the label text.",
|
|
29738
|
+
"name": "--mdc-progressbar-label-line-height",
|
|
29739
|
+
"inheritedFrom": {
|
|
29740
|
+
"name": "Progressbar",
|
|
29741
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29742
|
+
}
|
|
29743
|
+
},
|
|
29744
|
+
{
|
|
29745
|
+
"description": "Font size of the label text.",
|
|
29746
|
+
"name": "--mdc-progressbar-label-font-size",
|
|
29747
|
+
"inheritedFrom": {
|
|
29748
|
+
"name": "Progressbar",
|
|
29749
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29750
|
+
}
|
|
29751
|
+
},
|
|
29752
|
+
{
|
|
29753
|
+
"description": "Font weight of the label text.",
|
|
29754
|
+
"name": "--mdc-progressbar-label-font-weight",
|
|
29755
|
+
"inheritedFrom": {
|
|
29756
|
+
"name": "Progressbar",
|
|
29757
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29758
|
+
}
|
|
29759
|
+
},
|
|
29760
|
+
{
|
|
29761
|
+
"description": "Color of the help text.",
|
|
29762
|
+
"name": "--mdc-progressbar-help-text-color",
|
|
29763
|
+
"inheritedFrom": {
|
|
29764
|
+
"name": "Progressbar",
|
|
29765
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29766
|
+
}
|
|
29767
|
+
}
|
|
29768
|
+
],
|
|
29769
|
+
"members": [
|
|
29770
|
+
{
|
|
29771
|
+
"kind": "method",
|
|
29772
|
+
"name": "renderProgressSpinner",
|
|
29773
|
+
"privacy": "private"
|
|
29774
|
+
},
|
|
29775
|
+
{
|
|
29776
|
+
"kind": "method",
|
|
29777
|
+
"name": "renderErrorState",
|
|
29778
|
+
"privacy": "private",
|
|
29779
|
+
"description": "Renders the error state of the progress spinner.",
|
|
29780
|
+
"return": {
|
|
29781
|
+
"type": {
|
|
29782
|
+
"text": ""
|
|
29783
|
+
}
|
|
29784
|
+
}
|
|
29785
|
+
},
|
|
29786
|
+
{
|
|
29787
|
+
"kind": "method",
|
|
29788
|
+
"name": "renderSuccessState",
|
|
29789
|
+
"privacy": "private",
|
|
29790
|
+
"description": "Renders the success state of the progress spinner.",
|
|
29791
|
+
"return": {
|
|
29792
|
+
"type": {
|
|
29793
|
+
"text": ""
|
|
29794
|
+
}
|
|
29795
|
+
}
|
|
29796
|
+
},
|
|
29797
|
+
{
|
|
29798
|
+
"kind": "field",
|
|
29799
|
+
"name": "dataAriaLabel",
|
|
29800
|
+
"type": {
|
|
29801
|
+
"text": "string | null"
|
|
29802
|
+
},
|
|
29803
|
+
"default": "null",
|
|
29804
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
29805
|
+
"attribute": "data-aria-label",
|
|
29806
|
+
"reflects": true,
|
|
29807
|
+
"inheritedFrom": {
|
|
29808
|
+
"name": "DataAriaLabelMixin",
|
|
29809
|
+
"module": "utils/mixins/DataAriaLabelMixin.js"
|
|
29810
|
+
}
|
|
29811
|
+
},
|
|
29812
|
+
{
|
|
29813
|
+
"kind": "field",
|
|
29814
|
+
"name": "variant",
|
|
29815
|
+
"type": {
|
|
29816
|
+
"text": "Variant"
|
|
29817
|
+
},
|
|
29818
|
+
"description": "Types of the progressbar\n- **Default**\n- **Inline**",
|
|
29819
|
+
"default": "default",
|
|
29820
|
+
"attribute": "variant",
|
|
29821
|
+
"reflects": true,
|
|
29822
|
+
"inheritedFrom": {
|
|
29823
|
+
"name": "Progressbar",
|
|
29824
|
+
"module": "components/progressbar/progressbar.component.js"
|
|
29825
|
+
}
|
|
29826
|
+
},
|
|
29827
|
+
{
|
|
29828
|
+
"kind": "field",
|
|
29829
|
+
"name": "value",
|
|
29830
|
+
"type": {
|
|
29831
|
+
"text": "string"
|
|
29832
|
+
},
|
|
29833
|
+
"default": "'0'",
|
|
29834
|
+
"description": "The current progress as a percentage, 0 to 100.\nThe value will be clamped between 0 and 100.",
|
|
29835
|
+
"attribute": "value",
|
|
29836
|
+
"reflects": true,
|
|
29837
|
+
"inheritedFrom": {
|
|
29838
|
+
"name": "Progressbar",
|
|
29839
|
+
"module": "components/progressbar/progressbar.component.js"
|
|
29840
|
+
}
|
|
29841
|
+
},
|
|
29842
|
+
{
|
|
29843
|
+
"kind": "field",
|
|
29844
|
+
"name": "error",
|
|
29845
|
+
"type": {
|
|
29846
|
+
"text": "boolean"
|
|
29847
|
+
},
|
|
29848
|
+
"default": "false",
|
|
29849
|
+
"description": "Define error state of the progressbar\n- **true**\n- **false**",
|
|
29850
|
+
"attribute": "error",
|
|
29851
|
+
"inheritedFrom": {
|
|
29852
|
+
"name": "Progressbar",
|
|
29853
|
+
"module": "components/progressbar/progressbar.component.js"
|
|
29854
|
+
}
|
|
29855
|
+
},
|
|
29856
|
+
{
|
|
29857
|
+
"kind": "method",
|
|
29858
|
+
"name": "getValidationVariant",
|
|
29859
|
+
"privacy": "private",
|
|
29860
|
+
"description": "Determines the validation state (success, error, or default) based on progress value and error state.",
|
|
29861
|
+
"return": {
|
|
29862
|
+
"type": {
|
|
29863
|
+
"text": ""
|
|
29864
|
+
}
|
|
29865
|
+
},
|
|
29866
|
+
"inheritedFrom": {
|
|
29867
|
+
"name": "Progressbar",
|
|
29868
|
+
"module": "components/progressbar/progressbar.component.js"
|
|
29869
|
+
}
|
|
29870
|
+
},
|
|
29871
|
+
{
|
|
29872
|
+
"kind": "field",
|
|
29873
|
+
"name": "disabled",
|
|
29874
|
+
"type": {
|
|
29875
|
+
"text": "boolean | undefined"
|
|
29876
|
+
},
|
|
29877
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
29878
|
+
"default": "undefined",
|
|
29879
|
+
"attribute": "disabled",
|
|
29880
|
+
"reflects": true,
|
|
29881
|
+
"inheritedFrom": {
|
|
29882
|
+
"name": "FormfieldWrapper",
|
|
29883
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
29884
|
+
}
|
|
29885
|
+
},
|
|
29886
|
+
{
|
|
29887
|
+
"kind": "field",
|
|
29888
|
+
"name": "label",
|
|
29889
|
+
"type": {
|
|
29890
|
+
"text": "string | undefined"
|
|
29891
|
+
},
|
|
29892
|
+
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
29893
|
+
"attribute": "label",
|
|
29894
|
+
"reflects": true,
|
|
29895
|
+
"inheritedFrom": {
|
|
29896
|
+
"name": "FormfieldWrapper",
|
|
29897
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
29898
|
+
}
|
|
29899
|
+
},
|
|
29900
|
+
{
|
|
29901
|
+
"kind": "field",
|
|
29902
|
+
"name": "required",
|
|
29903
|
+
"type": {
|
|
29904
|
+
"text": "boolean"
|
|
29905
|
+
},
|
|
29906
|
+
"default": "false",
|
|
29907
|
+
"description": "The required attribute to indicate that the input field is required.\nIt is used to append a required indicator (*) to the label.",
|
|
29908
|
+
"attribute": "required",
|
|
29909
|
+
"reflects": true,
|
|
29910
|
+
"inheritedFrom": {
|
|
29911
|
+
"name": "FormfieldWrapper",
|
|
29912
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
29913
|
+
}
|
|
29914
|
+
},
|
|
29915
|
+
{
|
|
29916
|
+
"kind": "field",
|
|
29917
|
+
"name": "helpTextType",
|
|
29918
|
+
"type": {
|
|
29919
|
+
"text": "ValidationType"
|
|
29920
|
+
},
|
|
29921
|
+
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
29922
|
+
"attribute": "help-text-type",
|
|
29923
|
+
"reflects": true,
|
|
29924
|
+
"inheritedFrom": {
|
|
29925
|
+
"name": "FormfieldWrapper",
|
|
29926
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
29927
|
+
}
|
|
29928
|
+
},
|
|
29929
|
+
{
|
|
29930
|
+
"kind": "field",
|
|
29931
|
+
"name": "helpText",
|
|
29932
|
+
"type": {
|
|
29933
|
+
"text": "string | undefined"
|
|
29934
|
+
},
|
|
29935
|
+
"description": "The help text that is displayed below the input field.",
|
|
29936
|
+
"attribute": "help-text",
|
|
29937
|
+
"reflects": true,
|
|
29938
|
+
"inheritedFrom": {
|
|
29939
|
+
"name": "FormfieldWrapper",
|
|
29940
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
29941
|
+
}
|
|
29942
|
+
},
|
|
29943
|
+
{
|
|
29944
|
+
"kind": "field",
|
|
29945
|
+
"name": "toggletipText",
|
|
29946
|
+
"type": {
|
|
29947
|
+
"text": "string | undefined"
|
|
29948
|
+
},
|
|
29949
|
+
"description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
|
|
29950
|
+
"attribute": "toggletip-text",
|
|
29951
|
+
"reflects": true,
|
|
29952
|
+
"inheritedFrom": {
|
|
29953
|
+
"name": "FormfieldWrapper",
|
|
29954
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
29955
|
+
}
|
|
29956
|
+
},
|
|
29957
|
+
{
|
|
29958
|
+
"kind": "field",
|
|
29959
|
+
"name": "toggletipPlacement",
|
|
29960
|
+
"type": {
|
|
29961
|
+
"text": "PopoverPlacement"
|
|
29962
|
+
},
|
|
29963
|
+
"description": "The placement of the toggletip that is displayed when the info icon is hovered.",
|
|
29964
|
+
"default": "'top'",
|
|
29965
|
+
"attribute": "toggletip-placement",
|
|
29966
|
+
"reflects": true,
|
|
29967
|
+
"inheritedFrom": {
|
|
29968
|
+
"name": "FormfieldWrapper",
|
|
29969
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
29970
|
+
}
|
|
29971
|
+
},
|
|
29972
|
+
{
|
|
29973
|
+
"kind": "field",
|
|
29974
|
+
"name": "infoIconAriaLabel",
|
|
29975
|
+
"type": {
|
|
29976
|
+
"text": "string | undefined"
|
|
29977
|
+
},
|
|
29978
|
+
"description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
|
|
29979
|
+
"attribute": "info-icon-aria-label",
|
|
29980
|
+
"reflects": true,
|
|
29981
|
+
"inheritedFrom": {
|
|
29982
|
+
"name": "FormfieldWrapper",
|
|
29983
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
29984
|
+
}
|
|
29985
|
+
},
|
|
29986
|
+
{
|
|
29987
|
+
"kind": "method",
|
|
29988
|
+
"name": "renderLabelElement",
|
|
29989
|
+
"privacy": "protected",
|
|
29990
|
+
"description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
|
|
29991
|
+
"return": {
|
|
29992
|
+
"type": {
|
|
29993
|
+
"text": ""
|
|
29994
|
+
}
|
|
29995
|
+
},
|
|
29996
|
+
"inheritedFrom": {
|
|
29997
|
+
"name": "FormfieldWrapper",
|
|
29998
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
29999
|
+
}
|
|
30000
|
+
},
|
|
30001
|
+
{
|
|
30002
|
+
"kind": "method",
|
|
30003
|
+
"name": "renderHelpTextIcon",
|
|
30004
|
+
"privacy": "protected",
|
|
30005
|
+
"description": "creates the helpertext icon based on the helpTextType for validation.\nIf the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.",
|
|
30006
|
+
"return": {
|
|
30007
|
+
"type": {
|
|
30008
|
+
"text": ""
|
|
30009
|
+
}
|
|
30010
|
+
},
|
|
30011
|
+
"inheritedFrom": {
|
|
30012
|
+
"name": "FormfieldWrapper",
|
|
30013
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
30014
|
+
}
|
|
30015
|
+
},
|
|
30016
|
+
{
|
|
30017
|
+
"kind": "method",
|
|
30018
|
+
"name": "renderHelpText",
|
|
30019
|
+
"privacy": "protected",
|
|
30020
|
+
"description": "creates the helper text component when the helpertext value is set.\nIt is also used to display the validation message based on the helpTextType.",
|
|
30021
|
+
"return": {
|
|
30022
|
+
"type": {
|
|
30023
|
+
"text": ""
|
|
30024
|
+
}
|
|
30025
|
+
},
|
|
30026
|
+
"inheritedFrom": {
|
|
30027
|
+
"name": "FormfieldWrapper",
|
|
30028
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
30029
|
+
}
|
|
30030
|
+
},
|
|
30031
|
+
{
|
|
30032
|
+
"kind": "method",
|
|
30033
|
+
"name": "renderLabel",
|
|
30034
|
+
"privacy": "protected",
|
|
30035
|
+
"description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
|
|
30036
|
+
"return": {
|
|
30037
|
+
"type": {
|
|
30038
|
+
"text": ""
|
|
30039
|
+
}
|
|
30040
|
+
},
|
|
30041
|
+
"inheritedFrom": {
|
|
30042
|
+
"name": "FormfieldWrapper",
|
|
30043
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
30044
|
+
}
|
|
30045
|
+
},
|
|
30046
|
+
{
|
|
30047
|
+
"kind": "method",
|
|
30048
|
+
"name": "renderHelperText",
|
|
30049
|
+
"privacy": "protected",
|
|
30050
|
+
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
|
30051
|
+
"return": {
|
|
30052
|
+
"type": {
|
|
30053
|
+
"text": ""
|
|
30054
|
+
}
|
|
30055
|
+
},
|
|
30056
|
+
"inheritedFrom": {
|
|
30057
|
+
"name": "FormfieldWrapper",
|
|
30058
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
30059
|
+
}
|
|
30060
|
+
}
|
|
30061
|
+
],
|
|
30062
|
+
"superclass": {
|
|
30063
|
+
"name": "Progressbar",
|
|
30064
|
+
"module": "/src/components/progressbar/progressbar.component"
|
|
30065
|
+
},
|
|
30066
|
+
"tagName": "mdc-progressspinner",
|
|
30067
|
+
"jsDoc": "/**\n * `mdc-progressspinner` is a customizable, circular progress indicator component.\n * It visually represents the current completion state of a process, such as loading,\n * syncing, uploading, or any ongoing task that has a measurable percentage.\n *\n * The spinner is built using SVG with two concentric `<circle>` elements:\n * - The `progress` arc represents the portion of work completed.\n * - The `track` arc represents the remaining part.\n *\n * A visual gap is maintained between the progress and track arcs to clearly\n * distinguish the two segments. The component smoothly animates arc length\n * and respects accessibility best practices with ARIA attributes.\n *\n * The component supports different states:\n * - **Default**: Circular spinner shows the progress.\n * - **Success**: Displays a checkmark icon when progress reaches 100%.\n * - **Error**: Displays an error icon when in an error state.\n *\n * @tagname mdc-progressspinner\n *\n * @cssproperty --mdc-spinner-size - The size of the spinner.\n * @cssproperty --mdc-track-color - The color of the spinner track.\n * @cssproperty --mdc-progress-color - The color of the spinner progress.\n * @cssproperty --mdc-progress-success-color - The color of the spinner when in success state.\n * @cssproperty --mdc-progress-error-color - The color of the spinner when in error state.\n *\n */",
|
|
30068
|
+
"customElement": true,
|
|
30069
|
+
"attributes": [
|
|
30070
|
+
{
|
|
30071
|
+
"name": "data-aria-label",
|
|
30072
|
+
"type": {
|
|
30073
|
+
"text": "string | null"
|
|
30074
|
+
},
|
|
30075
|
+
"default": "null",
|
|
30076
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
30077
|
+
"fieldName": "dataAriaLabel",
|
|
30078
|
+
"inheritedFrom": {
|
|
30079
|
+
"name": "DataAriaLabelMixin",
|
|
30080
|
+
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
|
30081
|
+
}
|
|
30082
|
+
},
|
|
30083
|
+
{
|
|
30084
|
+
"name": "variant",
|
|
30085
|
+
"type": {
|
|
30086
|
+
"text": "Variant"
|
|
30087
|
+
},
|
|
30088
|
+
"description": "Types of the progressbar\n- **Default**\n- **Inline**",
|
|
30089
|
+
"default": "default",
|
|
30090
|
+
"fieldName": "variant",
|
|
30091
|
+
"inheritedFrom": {
|
|
30092
|
+
"name": "Progressbar",
|
|
30093
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
30094
|
+
}
|
|
29539
30095
|
},
|
|
29540
30096
|
{
|
|
29541
30097
|
"name": "value",
|
|
@@ -29544,7 +30100,11 @@
|
|
|
29544
30100
|
},
|
|
29545
30101
|
"default": "'0'",
|
|
29546
30102
|
"description": "The current progress as a percentage, 0 to 100.\nThe value will be clamped between 0 and 100.",
|
|
29547
|
-
"fieldName": "value"
|
|
30103
|
+
"fieldName": "value",
|
|
30104
|
+
"inheritedFrom": {
|
|
30105
|
+
"name": "Progressbar",
|
|
30106
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
30107
|
+
}
|
|
29548
30108
|
},
|
|
29549
30109
|
{
|
|
29550
30110
|
"name": "error",
|
|
@@ -29553,19 +30113,10 @@
|
|
|
29553
30113
|
},
|
|
29554
30114
|
"default": "false",
|
|
29555
30115
|
"description": "Define error state of the progressbar\n- **true**\n- **false**",
|
|
29556
|
-
"fieldName": "error"
|
|
29557
|
-
},
|
|
29558
|
-
{
|
|
29559
|
-
"name": "data-aria-label",
|
|
29560
|
-
"type": {
|
|
29561
|
-
"text": "string | null"
|
|
29562
|
-
},
|
|
29563
|
-
"default": "null",
|
|
29564
|
-
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
29565
|
-
"fieldName": "dataAriaLabel",
|
|
30116
|
+
"fieldName": "error",
|
|
29566
30117
|
"inheritedFrom": {
|
|
29567
|
-
"name": "
|
|
29568
|
-
"module": "src/
|
|
30118
|
+
"name": "Progressbar",
|
|
30119
|
+
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29569
30120
|
}
|
|
29570
30121
|
},
|
|
29571
30122
|
{
|
|
@@ -29667,20 +30218,7 @@
|
|
|
29667
30218
|
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
29668
30219
|
}
|
|
29669
30220
|
}
|
|
29670
|
-
]
|
|
29671
|
-
"mixins": [
|
|
29672
|
-
{
|
|
29673
|
-
"name": "DataAriaLabelMixin",
|
|
29674
|
-
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
|
29675
|
-
}
|
|
29676
|
-
],
|
|
29677
|
-
"superclass": {
|
|
29678
|
-
"name": "FormfieldWrapper",
|
|
29679
|
-
"module": "/src/components/formfieldwrapper"
|
|
29680
|
-
},
|
|
29681
|
-
"tagName": "mdc-progressbar",
|
|
29682
|
-
"jsDoc": "/**\n * mdc-progressbar component visually represents a progress indicator, typically used to show\n * the completion state of an ongoing process (e.g., loading, file upload, etc.).\n * It contains an optional label and an optional helper text.\n *\n * - It supports mainly two types: Default and Inline\n * - It supports three validation variants: Default, Success and Error.\n *\n * This component is created by extending FormfieldWrapper.\n *\n * @tagname mdc-progressbar\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-progressbar-background-color - Background color of the remaining progressbar portion.\n * @cssproperty --mdc-progressbar-active-background-color - Background color of the elapsed progressbar portion.\n * @cssproperty --mdc-progressbar-success-color - Background color of the progressbar when in success state.\n * @cssproperty --mdc-progressbar-error-color - Background color of the progressbar when in error state.\n * @cssproperty --mdc-progressbar-height - The height of the progressbar.\n * @cssproperty --mdc-progressbar-border-radius - The border radius of the progressbar.\n * @cssproperty --mdc-progressbar-label-color - Color of the progressbar label text.\n * @cssproperty --mdc-progressbar-label-line-height - Line height of the label text.\n * @cssproperty --mdc-progressbar-label-font-size - Font size of the label text.\n * @cssproperty --mdc-progressbar-label-font-weight - Font weight of the label text.\n * @cssproperty --mdc-progressbar-help-text-color - Color of the help text.\n */",
|
|
29683
|
-
"customElement": true
|
|
30221
|
+
]
|
|
29684
30222
|
}
|
|
29685
30223
|
],
|
|
29686
30224
|
"exports": [
|
|
@@ -29688,157 +30226,36 @@
|
|
|
29688
30226
|
"kind": "js",
|
|
29689
30227
|
"name": "default",
|
|
29690
30228
|
"declaration": {
|
|
29691
|
-
"name": "
|
|
29692
|
-
"module": "components/
|
|
30229
|
+
"name": "Progressspinner",
|
|
30230
|
+
"module": "components/progressspinner/progressspinner.component.js"
|
|
29693
30231
|
}
|
|
29694
30232
|
}
|
|
29695
30233
|
]
|
|
29696
30234
|
},
|
|
29697
30235
|
{
|
|
29698
30236
|
"kind": "javascript-module",
|
|
29699
|
-
"path": "components/
|
|
30237
|
+
"path": "components/radiogroup/radiogroup.component.js",
|
|
29700
30238
|
"declarations": [
|
|
29701
30239
|
{
|
|
29702
30240
|
"kind": "class",
|
|
29703
|
-
"description": "`mdc-
|
|
29704
|
-
"name": "
|
|
30241
|
+
"description": "`mdc-radiogroup` - This is the wrapper component for radio buttons which are grouped together.\nIt can have a header text and a description. It enables users to select a single option from a set of options.\nIt is often used in forms, settings, and selection in lists. It automatically group the radio buttons inside it.",
|
|
30242
|
+
"name": "RadioGroup",
|
|
29705
30243
|
"cssProperties": [
|
|
29706
30244
|
{
|
|
29707
|
-
"description": "
|
|
29708
|
-
"name": "--mdc-
|
|
29709
|
-
},
|
|
29710
|
-
{
|
|
29711
|
-
"description": "The color of the spinner track.",
|
|
29712
|
-
"name": "--mdc-track-color"
|
|
29713
|
-
},
|
|
29714
|
-
{
|
|
29715
|
-
"description": "The color of the spinner progress.",
|
|
29716
|
-
"name": "--mdc-progress-color"
|
|
29717
|
-
},
|
|
29718
|
-
{
|
|
29719
|
-
"description": "The color of the spinner when in success state.",
|
|
29720
|
-
"name": "--mdc-progress-success-color"
|
|
29721
|
-
},
|
|
29722
|
-
{
|
|
29723
|
-
"description": "The color of the spinner when in error state.",
|
|
29724
|
-
"name": "--mdc-progress-error-color"
|
|
29725
|
-
},
|
|
29726
|
-
{
|
|
29727
|
-
"description": "Background color of the remaining progressbar portion.",
|
|
29728
|
-
"name": "--mdc-progressbar-background-color",
|
|
29729
|
-
"inheritedFrom": {
|
|
29730
|
-
"name": "Progressbar",
|
|
29731
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29732
|
-
}
|
|
29733
|
-
},
|
|
29734
|
-
{
|
|
29735
|
-
"description": "Background color of the elapsed progressbar portion.",
|
|
29736
|
-
"name": "--mdc-progressbar-active-background-color",
|
|
29737
|
-
"inheritedFrom": {
|
|
29738
|
-
"name": "Progressbar",
|
|
29739
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29740
|
-
}
|
|
29741
|
-
},
|
|
29742
|
-
{
|
|
29743
|
-
"description": "Background color of the progressbar when in success state.",
|
|
29744
|
-
"name": "--mdc-progressbar-success-color",
|
|
29745
|
-
"inheritedFrom": {
|
|
29746
|
-
"name": "Progressbar",
|
|
29747
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29748
|
-
}
|
|
29749
|
-
},
|
|
29750
|
-
{
|
|
29751
|
-
"description": "Background color of the progressbar when in error state.",
|
|
29752
|
-
"name": "--mdc-progressbar-error-color",
|
|
29753
|
-
"inheritedFrom": {
|
|
29754
|
-
"name": "Progressbar",
|
|
29755
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29756
|
-
}
|
|
29757
|
-
},
|
|
29758
|
-
{
|
|
29759
|
-
"description": "The height of the progressbar.",
|
|
29760
|
-
"name": "--mdc-progressbar-height",
|
|
29761
|
-
"inheritedFrom": {
|
|
29762
|
-
"name": "Progressbar",
|
|
29763
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29764
|
-
}
|
|
29765
|
-
},
|
|
29766
|
-
{
|
|
29767
|
-
"description": "The border radius of the progressbar.",
|
|
29768
|
-
"name": "--mdc-progressbar-border-radius",
|
|
29769
|
-
"inheritedFrom": {
|
|
29770
|
-
"name": "Progressbar",
|
|
29771
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29772
|
-
}
|
|
29773
|
-
},
|
|
29774
|
-
{
|
|
29775
|
-
"description": "Color of the progressbar label text.",
|
|
29776
|
-
"name": "--mdc-progressbar-label-color",
|
|
29777
|
-
"inheritedFrom": {
|
|
29778
|
-
"name": "Progressbar",
|
|
29779
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29780
|
-
}
|
|
29781
|
-
},
|
|
29782
|
-
{
|
|
29783
|
-
"description": "Line height of the label text.",
|
|
29784
|
-
"name": "--mdc-progressbar-label-line-height",
|
|
29785
|
-
"inheritedFrom": {
|
|
29786
|
-
"name": "Progressbar",
|
|
29787
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29788
|
-
}
|
|
29789
|
-
},
|
|
29790
|
-
{
|
|
29791
|
-
"description": "Font size of the label text.",
|
|
29792
|
-
"name": "--mdc-progressbar-label-font-size",
|
|
29793
|
-
"inheritedFrom": {
|
|
29794
|
-
"name": "Progressbar",
|
|
29795
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29796
|
-
}
|
|
29797
|
-
},
|
|
29798
|
-
{
|
|
29799
|
-
"description": "Font weight of the label text.",
|
|
29800
|
-
"name": "--mdc-progressbar-label-font-weight",
|
|
29801
|
-
"inheritedFrom": {
|
|
29802
|
-
"name": "Progressbar",
|
|
29803
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29804
|
-
}
|
|
29805
|
-
},
|
|
29806
|
-
{
|
|
29807
|
-
"description": "Color of the help text.",
|
|
29808
|
-
"name": "--mdc-progressbar-help-text-color",
|
|
29809
|
-
"inheritedFrom": {
|
|
29810
|
-
"name": "Progressbar",
|
|
29811
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
29812
|
-
}
|
|
30245
|
+
"description": "color of the description text",
|
|
30246
|
+
"name": "--mdc-radiogroup-description-text-normal"
|
|
29813
30247
|
}
|
|
29814
30248
|
],
|
|
29815
30249
|
"members": [
|
|
29816
30250
|
{
|
|
29817
|
-
"kind": "
|
|
29818
|
-
"name": "
|
|
29819
|
-
"
|
|
29820
|
-
|
|
29821
|
-
|
|
29822
|
-
"
|
|
29823
|
-
"
|
|
29824
|
-
"
|
|
29825
|
-
"description": "Renders the error state of the progress spinner.",
|
|
29826
|
-
"return": {
|
|
29827
|
-
"type": {
|
|
29828
|
-
"text": ""
|
|
29829
|
-
}
|
|
29830
|
-
}
|
|
29831
|
-
},
|
|
29832
|
-
{
|
|
29833
|
-
"kind": "method",
|
|
29834
|
-
"name": "renderSuccessState",
|
|
29835
|
-
"privacy": "private",
|
|
29836
|
-
"description": "Renders the success state of the progress spinner.",
|
|
29837
|
-
"return": {
|
|
29838
|
-
"type": {
|
|
29839
|
-
"text": ""
|
|
29840
|
-
}
|
|
29841
|
-
}
|
|
30251
|
+
"kind": "field",
|
|
30252
|
+
"name": "name",
|
|
30253
|
+
"type": {
|
|
30254
|
+
"text": "string"
|
|
30255
|
+
},
|
|
30256
|
+
"default": "''",
|
|
30257
|
+
"description": "Name of the radio group.\nThey are used to group elements in a form together.",
|
|
30258
|
+
"attribute": "name"
|
|
29842
30259
|
},
|
|
29843
30260
|
{
|
|
29844
30261
|
"kind": "field",
|
|
@@ -29855,65 +30272,6 @@
|
|
|
29855
30272
|
"module": "utils/mixins/DataAriaLabelMixin.js"
|
|
29856
30273
|
}
|
|
29857
30274
|
},
|
|
29858
|
-
{
|
|
29859
|
-
"kind": "field",
|
|
29860
|
-
"name": "variant",
|
|
29861
|
-
"type": {
|
|
29862
|
-
"text": "Variant"
|
|
29863
|
-
},
|
|
29864
|
-
"description": "Types of the progressbar\n- **Default**\n- **Inline**",
|
|
29865
|
-
"default": "default",
|
|
29866
|
-
"attribute": "variant",
|
|
29867
|
-
"reflects": true,
|
|
29868
|
-
"inheritedFrom": {
|
|
29869
|
-
"name": "Progressbar",
|
|
29870
|
-
"module": "components/progressbar/progressbar.component.js"
|
|
29871
|
-
}
|
|
29872
|
-
},
|
|
29873
|
-
{
|
|
29874
|
-
"kind": "field",
|
|
29875
|
-
"name": "value",
|
|
29876
|
-
"type": {
|
|
29877
|
-
"text": "string"
|
|
29878
|
-
},
|
|
29879
|
-
"default": "'0'",
|
|
29880
|
-
"description": "The current progress as a percentage, 0 to 100.\nThe value will be clamped between 0 and 100.",
|
|
29881
|
-
"attribute": "value",
|
|
29882
|
-
"reflects": true,
|
|
29883
|
-
"inheritedFrom": {
|
|
29884
|
-
"name": "Progressbar",
|
|
29885
|
-
"module": "components/progressbar/progressbar.component.js"
|
|
29886
|
-
}
|
|
29887
|
-
},
|
|
29888
|
-
{
|
|
29889
|
-
"kind": "field",
|
|
29890
|
-
"name": "error",
|
|
29891
|
-
"type": {
|
|
29892
|
-
"text": "boolean"
|
|
29893
|
-
},
|
|
29894
|
-
"default": "false",
|
|
29895
|
-
"description": "Define error state of the progressbar\n- **true**\n- **false**",
|
|
29896
|
-
"attribute": "error",
|
|
29897
|
-
"inheritedFrom": {
|
|
29898
|
-
"name": "Progressbar",
|
|
29899
|
-
"module": "components/progressbar/progressbar.component.js"
|
|
29900
|
-
}
|
|
29901
|
-
},
|
|
29902
|
-
{
|
|
29903
|
-
"kind": "method",
|
|
29904
|
-
"name": "getValidationVariant",
|
|
29905
|
-
"privacy": "private",
|
|
29906
|
-
"description": "Determines the validation state (success, error, or default) based on progress value and error state.",
|
|
29907
|
-
"return": {
|
|
29908
|
-
"type": {
|
|
29909
|
-
"text": ""
|
|
29910
|
-
}
|
|
29911
|
-
},
|
|
29912
|
-
"inheritedFrom": {
|
|
29913
|
-
"name": "Progressbar",
|
|
29914
|
-
"module": "components/progressbar/progressbar.component.js"
|
|
29915
|
-
}
|
|
29916
|
-
},
|
|
29917
30275
|
{
|
|
29918
30276
|
"kind": "field",
|
|
29919
30277
|
"name": "disabled",
|
|
@@ -30105,14 +30463,16 @@
|
|
|
30105
30463
|
}
|
|
30106
30464
|
}
|
|
30107
30465
|
],
|
|
30108
|
-
"superclass": {
|
|
30109
|
-
"name": "Progressbar",
|
|
30110
|
-
"module": "/src/components/progressbar/progressbar.component"
|
|
30111
|
-
},
|
|
30112
|
-
"tagName": "mdc-progressspinner",
|
|
30113
|
-
"jsDoc": "/**\n * `mdc-progressspinner` is a customizable, circular progress indicator component.\n * It visually represents the current completion state of a process, such as loading,\n * syncing, uploading, or any ongoing task that has a measurable percentage.\n *\n * The spinner is built using SVG with two concentric `<circle>` elements:\n * - The `progress` arc represents the portion of work completed.\n * - The `track` arc represents the remaining part.\n *\n * A visual gap is maintained between the progress and track arcs to clearly\n * distinguish the two segments. The component smoothly animates arc length\n * and respects accessibility best practices with ARIA attributes.\n *\n * The component supports different states:\n * - **Default**: Circular spinner shows the progress.\n * - **Success**: Displays a checkmark icon when progress reaches 100%.\n * - **Error**: Displays an error icon when in an error state.\n *\n * @tagname mdc-progressspinner\n *\n * @cssproperty --mdc-spinner-size - The size of the spinner.\n * @cssproperty --mdc-track-color - The color of the spinner track.\n * @cssproperty --mdc-progress-color - The color of the spinner progress.\n * @cssproperty --mdc-progress-success-color - The color of the spinner when in success state.\n * @cssproperty --mdc-progress-error-color - The color of the spinner when in error state.\n *\n */",
|
|
30114
|
-
"customElement": true,
|
|
30115
30466
|
"attributes": [
|
|
30467
|
+
{
|
|
30468
|
+
"name": "name",
|
|
30469
|
+
"type": {
|
|
30470
|
+
"text": "string"
|
|
30471
|
+
},
|
|
30472
|
+
"default": "''",
|
|
30473
|
+
"description": "Name of the radio group.\nThey are used to group elements in a form together.",
|
|
30474
|
+
"fieldName": "name"
|
|
30475
|
+
},
|
|
30116
30476
|
{
|
|
30117
30477
|
"name": "data-aria-label",
|
|
30118
30478
|
"type": {
|
|
@@ -30126,45 +30486,6 @@
|
|
|
30126
30486
|
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
|
30127
30487
|
}
|
|
30128
30488
|
},
|
|
30129
|
-
{
|
|
30130
|
-
"name": "variant",
|
|
30131
|
-
"type": {
|
|
30132
|
-
"text": "Variant"
|
|
30133
|
-
},
|
|
30134
|
-
"description": "Types of the progressbar\n- **Default**\n- **Inline**",
|
|
30135
|
-
"default": "default",
|
|
30136
|
-
"fieldName": "variant",
|
|
30137
|
-
"inheritedFrom": {
|
|
30138
|
-
"name": "Progressbar",
|
|
30139
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
30140
|
-
}
|
|
30141
|
-
},
|
|
30142
|
-
{
|
|
30143
|
-
"name": "value",
|
|
30144
|
-
"type": {
|
|
30145
|
-
"text": "string"
|
|
30146
|
-
},
|
|
30147
|
-
"default": "'0'",
|
|
30148
|
-
"description": "The current progress as a percentage, 0 to 100.\nThe value will be clamped between 0 and 100.",
|
|
30149
|
-
"fieldName": "value",
|
|
30150
|
-
"inheritedFrom": {
|
|
30151
|
-
"name": "Progressbar",
|
|
30152
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
30153
|
-
}
|
|
30154
|
-
},
|
|
30155
|
-
{
|
|
30156
|
-
"name": "error",
|
|
30157
|
-
"type": {
|
|
30158
|
-
"text": "boolean"
|
|
30159
|
-
},
|
|
30160
|
-
"default": "false",
|
|
30161
|
-
"description": "Define error state of the progressbar\n- **true**\n- **false**",
|
|
30162
|
-
"fieldName": "error",
|
|
30163
|
-
"inheritedFrom": {
|
|
30164
|
-
"name": "Progressbar",
|
|
30165
|
-
"module": "src/components/progressbar/progressbar.component.ts"
|
|
30166
|
-
}
|
|
30167
|
-
},
|
|
30168
30489
|
{
|
|
30169
30490
|
"name": "disabled",
|
|
30170
30491
|
"type": {
|
|
@@ -30264,6 +30585,23 @@
|
|
|
30264
30585
|
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
30265
30586
|
}
|
|
30266
30587
|
}
|
|
30588
|
+
],
|
|
30589
|
+
"superclass": {
|
|
30590
|
+
"name": "FormfieldGroup",
|
|
30591
|
+
"module": "/src/components/formfieldgroup"
|
|
30592
|
+
},
|
|
30593
|
+
"tagName": "mdc-radiogroup",
|
|
30594
|
+
"jsDoc": "/**\n * `mdc-radiogroup` - This is the wrapper component for radio buttons which are grouped together.\n * It can have a header text and a description. It enables users to select a single option from a set of options.\n * It is often used in forms, settings, and selection in lists. It automatically group the radio buttons inside it.\n *\n * @tagname mdc-radiogroup\n *\n * @cssproperty --mdc-radiogroup-description-text-normal - color of the description text\n *\n */",
|
|
30595
|
+
"customElement": true,
|
|
30596
|
+
"slots": [
|
|
30597
|
+
{
|
|
30598
|
+
"description": "This is a default slot for checkbox or toggle components.",
|
|
30599
|
+
"name": "default",
|
|
30600
|
+
"inheritedFrom": {
|
|
30601
|
+
"name": "FormfieldGroup",
|
|
30602
|
+
"module": "src/components/formfieldgroup/formfieldgroup.component.ts"
|
|
30603
|
+
}
|
|
30604
|
+
}
|
|
30267
30605
|
]
|
|
30268
30606
|
}
|
|
30269
30607
|
],
|
|
@@ -30272,8 +30610,8 @@
|
|
|
30272
30610
|
"kind": "js",
|
|
30273
30611
|
"name": "default",
|
|
30274
30612
|
"declaration": {
|
|
30275
|
-
"name": "
|
|
30276
|
-
"module": "components/
|
|
30613
|
+
"name": "RadioGroup",
|
|
30614
|
+
"module": "components/radiogroup/radiogroup.component.js"
|
|
30277
30615
|
}
|
|
30278
30616
|
}
|
|
30279
30617
|
]
|
|
@@ -31003,390 +31341,6 @@
|
|
|
31003
31341
|
}
|
|
31004
31342
|
]
|
|
31005
31343
|
},
|
|
31006
|
-
{
|
|
31007
|
-
"kind": "javascript-module",
|
|
31008
|
-
"path": "components/radiogroup/radiogroup.component.js",
|
|
31009
|
-
"declarations": [
|
|
31010
|
-
{
|
|
31011
|
-
"kind": "class",
|
|
31012
|
-
"description": "`mdc-radiogroup` - This is the wrapper component for radio buttons which are grouped together.\nIt can have a header text and a description. It enables users to select a single option from a set of options.\nIt is often used in forms, settings, and selection in lists. It automatically group the radio buttons inside it.",
|
|
31013
|
-
"name": "RadioGroup",
|
|
31014
|
-
"cssProperties": [
|
|
31015
|
-
{
|
|
31016
|
-
"description": "color of the description text",
|
|
31017
|
-
"name": "--mdc-radiogroup-description-text-normal"
|
|
31018
|
-
}
|
|
31019
|
-
],
|
|
31020
|
-
"members": [
|
|
31021
|
-
{
|
|
31022
|
-
"kind": "field",
|
|
31023
|
-
"name": "name",
|
|
31024
|
-
"type": {
|
|
31025
|
-
"text": "string"
|
|
31026
|
-
},
|
|
31027
|
-
"default": "''",
|
|
31028
|
-
"description": "Name of the radio group.\nThey are used to group elements in a form together.",
|
|
31029
|
-
"attribute": "name"
|
|
31030
|
-
},
|
|
31031
|
-
{
|
|
31032
|
-
"kind": "field",
|
|
31033
|
-
"name": "dataAriaLabel",
|
|
31034
|
-
"type": {
|
|
31035
|
-
"text": "string | null"
|
|
31036
|
-
},
|
|
31037
|
-
"default": "null",
|
|
31038
|
-
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
31039
|
-
"attribute": "data-aria-label",
|
|
31040
|
-
"reflects": true,
|
|
31041
|
-
"inheritedFrom": {
|
|
31042
|
-
"name": "DataAriaLabelMixin",
|
|
31043
|
-
"module": "utils/mixins/DataAriaLabelMixin.js"
|
|
31044
|
-
}
|
|
31045
|
-
},
|
|
31046
|
-
{
|
|
31047
|
-
"kind": "field",
|
|
31048
|
-
"name": "disabled",
|
|
31049
|
-
"type": {
|
|
31050
|
-
"text": "boolean | undefined"
|
|
31051
|
-
},
|
|
31052
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
31053
|
-
"default": "undefined",
|
|
31054
|
-
"attribute": "disabled",
|
|
31055
|
-
"reflects": true,
|
|
31056
|
-
"inheritedFrom": {
|
|
31057
|
-
"name": "FormfieldWrapper",
|
|
31058
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31059
|
-
}
|
|
31060
|
-
},
|
|
31061
|
-
{
|
|
31062
|
-
"kind": "field",
|
|
31063
|
-
"name": "label",
|
|
31064
|
-
"type": {
|
|
31065
|
-
"text": "string | undefined"
|
|
31066
|
-
},
|
|
31067
|
-
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
31068
|
-
"attribute": "label",
|
|
31069
|
-
"reflects": true,
|
|
31070
|
-
"inheritedFrom": {
|
|
31071
|
-
"name": "FormfieldWrapper",
|
|
31072
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31073
|
-
}
|
|
31074
|
-
},
|
|
31075
|
-
{
|
|
31076
|
-
"kind": "field",
|
|
31077
|
-
"name": "required",
|
|
31078
|
-
"type": {
|
|
31079
|
-
"text": "boolean"
|
|
31080
|
-
},
|
|
31081
|
-
"default": "false",
|
|
31082
|
-
"description": "The required attribute to indicate that the input field is required.\nIt is used to append a required indicator (*) to the label.",
|
|
31083
|
-
"attribute": "required",
|
|
31084
|
-
"reflects": true,
|
|
31085
|
-
"inheritedFrom": {
|
|
31086
|
-
"name": "FormfieldWrapper",
|
|
31087
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31088
|
-
}
|
|
31089
|
-
},
|
|
31090
|
-
{
|
|
31091
|
-
"kind": "field",
|
|
31092
|
-
"name": "helpTextType",
|
|
31093
|
-
"type": {
|
|
31094
|
-
"text": "ValidationType"
|
|
31095
|
-
},
|
|
31096
|
-
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
31097
|
-
"attribute": "help-text-type",
|
|
31098
|
-
"reflects": true,
|
|
31099
|
-
"inheritedFrom": {
|
|
31100
|
-
"name": "FormfieldWrapper",
|
|
31101
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31102
|
-
}
|
|
31103
|
-
},
|
|
31104
|
-
{
|
|
31105
|
-
"kind": "field",
|
|
31106
|
-
"name": "helpText",
|
|
31107
|
-
"type": {
|
|
31108
|
-
"text": "string | undefined"
|
|
31109
|
-
},
|
|
31110
|
-
"description": "The help text that is displayed below the input field.",
|
|
31111
|
-
"attribute": "help-text",
|
|
31112
|
-
"reflects": true,
|
|
31113
|
-
"inheritedFrom": {
|
|
31114
|
-
"name": "FormfieldWrapper",
|
|
31115
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31116
|
-
}
|
|
31117
|
-
},
|
|
31118
|
-
{
|
|
31119
|
-
"kind": "field",
|
|
31120
|
-
"name": "toggletipText",
|
|
31121
|
-
"type": {
|
|
31122
|
-
"text": "string | undefined"
|
|
31123
|
-
},
|
|
31124
|
-
"description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
|
|
31125
|
-
"attribute": "toggletip-text",
|
|
31126
|
-
"reflects": true,
|
|
31127
|
-
"inheritedFrom": {
|
|
31128
|
-
"name": "FormfieldWrapper",
|
|
31129
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31130
|
-
}
|
|
31131
|
-
},
|
|
31132
|
-
{
|
|
31133
|
-
"kind": "field",
|
|
31134
|
-
"name": "toggletipPlacement",
|
|
31135
|
-
"type": {
|
|
31136
|
-
"text": "PopoverPlacement"
|
|
31137
|
-
},
|
|
31138
|
-
"description": "The placement of the toggletip that is displayed when the info icon is hovered.",
|
|
31139
|
-
"default": "'top'",
|
|
31140
|
-
"attribute": "toggletip-placement",
|
|
31141
|
-
"reflects": true,
|
|
31142
|
-
"inheritedFrom": {
|
|
31143
|
-
"name": "FormfieldWrapper",
|
|
31144
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31145
|
-
}
|
|
31146
|
-
},
|
|
31147
|
-
{
|
|
31148
|
-
"kind": "field",
|
|
31149
|
-
"name": "infoIconAriaLabel",
|
|
31150
|
-
"type": {
|
|
31151
|
-
"text": "string | undefined"
|
|
31152
|
-
},
|
|
31153
|
-
"description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
|
|
31154
|
-
"attribute": "info-icon-aria-label",
|
|
31155
|
-
"reflects": true,
|
|
31156
|
-
"inheritedFrom": {
|
|
31157
|
-
"name": "FormfieldWrapper",
|
|
31158
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31159
|
-
}
|
|
31160
|
-
},
|
|
31161
|
-
{
|
|
31162
|
-
"kind": "method",
|
|
31163
|
-
"name": "renderLabelElement",
|
|
31164
|
-
"privacy": "protected",
|
|
31165
|
-
"description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
|
|
31166
|
-
"return": {
|
|
31167
|
-
"type": {
|
|
31168
|
-
"text": ""
|
|
31169
|
-
}
|
|
31170
|
-
},
|
|
31171
|
-
"inheritedFrom": {
|
|
31172
|
-
"name": "FormfieldWrapper",
|
|
31173
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31174
|
-
}
|
|
31175
|
-
},
|
|
31176
|
-
{
|
|
31177
|
-
"kind": "method",
|
|
31178
|
-
"name": "renderHelpTextIcon",
|
|
31179
|
-
"privacy": "protected",
|
|
31180
|
-
"description": "creates the helpertext icon based on the helpTextType for validation.\nIf the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.",
|
|
31181
|
-
"return": {
|
|
31182
|
-
"type": {
|
|
31183
|
-
"text": ""
|
|
31184
|
-
}
|
|
31185
|
-
},
|
|
31186
|
-
"inheritedFrom": {
|
|
31187
|
-
"name": "FormfieldWrapper",
|
|
31188
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31189
|
-
}
|
|
31190
|
-
},
|
|
31191
|
-
{
|
|
31192
|
-
"kind": "method",
|
|
31193
|
-
"name": "renderHelpText",
|
|
31194
|
-
"privacy": "protected",
|
|
31195
|
-
"description": "creates the helper text component when the helpertext value is set.\nIt is also used to display the validation message based on the helpTextType.",
|
|
31196
|
-
"return": {
|
|
31197
|
-
"type": {
|
|
31198
|
-
"text": ""
|
|
31199
|
-
}
|
|
31200
|
-
},
|
|
31201
|
-
"inheritedFrom": {
|
|
31202
|
-
"name": "FormfieldWrapper",
|
|
31203
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31204
|
-
}
|
|
31205
|
-
},
|
|
31206
|
-
{
|
|
31207
|
-
"kind": "method",
|
|
31208
|
-
"name": "renderLabel",
|
|
31209
|
-
"privacy": "protected",
|
|
31210
|
-
"description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
|
|
31211
|
-
"return": {
|
|
31212
|
-
"type": {
|
|
31213
|
-
"text": ""
|
|
31214
|
-
}
|
|
31215
|
-
},
|
|
31216
|
-
"inheritedFrom": {
|
|
31217
|
-
"name": "FormfieldWrapper",
|
|
31218
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31219
|
-
}
|
|
31220
|
-
},
|
|
31221
|
-
{
|
|
31222
|
-
"kind": "method",
|
|
31223
|
-
"name": "renderHelperText",
|
|
31224
|
-
"privacy": "protected",
|
|
31225
|
-
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
|
31226
|
-
"return": {
|
|
31227
|
-
"type": {
|
|
31228
|
-
"text": ""
|
|
31229
|
-
}
|
|
31230
|
-
},
|
|
31231
|
-
"inheritedFrom": {
|
|
31232
|
-
"name": "FormfieldWrapper",
|
|
31233
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
31234
|
-
}
|
|
31235
|
-
}
|
|
31236
|
-
],
|
|
31237
|
-
"attributes": [
|
|
31238
|
-
{
|
|
31239
|
-
"name": "name",
|
|
31240
|
-
"type": {
|
|
31241
|
-
"text": "string"
|
|
31242
|
-
},
|
|
31243
|
-
"default": "''",
|
|
31244
|
-
"description": "Name of the radio group.\nThey are used to group elements in a form together.",
|
|
31245
|
-
"fieldName": "name"
|
|
31246
|
-
},
|
|
31247
|
-
{
|
|
31248
|
-
"name": "data-aria-label",
|
|
31249
|
-
"type": {
|
|
31250
|
-
"text": "string | null"
|
|
31251
|
-
},
|
|
31252
|
-
"default": "null",
|
|
31253
|
-
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
31254
|
-
"fieldName": "dataAriaLabel",
|
|
31255
|
-
"inheritedFrom": {
|
|
31256
|
-
"name": "DataAriaLabelMixin",
|
|
31257
|
-
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
|
31258
|
-
}
|
|
31259
|
-
},
|
|
31260
|
-
{
|
|
31261
|
-
"name": "disabled",
|
|
31262
|
-
"type": {
|
|
31263
|
-
"text": "boolean | undefined"
|
|
31264
|
-
},
|
|
31265
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
31266
|
-
"default": "undefined",
|
|
31267
|
-
"fieldName": "disabled",
|
|
31268
|
-
"inheritedFrom": {
|
|
31269
|
-
"name": "FormfieldWrapper",
|
|
31270
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
31271
|
-
}
|
|
31272
|
-
},
|
|
31273
|
-
{
|
|
31274
|
-
"name": "label",
|
|
31275
|
-
"type": {
|
|
31276
|
-
"text": "string | undefined"
|
|
31277
|
-
},
|
|
31278
|
-
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
31279
|
-
"fieldName": "label",
|
|
31280
|
-
"inheritedFrom": {
|
|
31281
|
-
"name": "FormfieldWrapper",
|
|
31282
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
31283
|
-
}
|
|
31284
|
-
},
|
|
31285
|
-
{
|
|
31286
|
-
"name": "required",
|
|
31287
|
-
"type": {
|
|
31288
|
-
"text": "boolean"
|
|
31289
|
-
},
|
|
31290
|
-
"default": "false",
|
|
31291
|
-
"description": "The required attribute to indicate that the input field is required.\nIt is used to append a required indicator (*) to the label.",
|
|
31292
|
-
"fieldName": "required",
|
|
31293
|
-
"inheritedFrom": {
|
|
31294
|
-
"name": "FormfieldWrapper",
|
|
31295
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
31296
|
-
}
|
|
31297
|
-
},
|
|
31298
|
-
{
|
|
31299
|
-
"name": "help-text-type",
|
|
31300
|
-
"type": {
|
|
31301
|
-
"text": "ValidationType"
|
|
31302
|
-
},
|
|
31303
|
-
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
31304
|
-
"fieldName": "helpTextType",
|
|
31305
|
-
"inheritedFrom": {
|
|
31306
|
-
"name": "FormfieldWrapper",
|
|
31307
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
31308
|
-
}
|
|
31309
|
-
},
|
|
31310
|
-
{
|
|
31311
|
-
"name": "help-text",
|
|
31312
|
-
"type": {
|
|
31313
|
-
"text": "string | undefined"
|
|
31314
|
-
},
|
|
31315
|
-
"description": "The help text that is displayed below the input field.",
|
|
31316
|
-
"fieldName": "helpText",
|
|
31317
|
-
"inheritedFrom": {
|
|
31318
|
-
"name": "FormfieldWrapper",
|
|
31319
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
31320
|
-
}
|
|
31321
|
-
},
|
|
31322
|
-
{
|
|
31323
|
-
"name": "toggletip-text",
|
|
31324
|
-
"type": {
|
|
31325
|
-
"text": "string | undefined"
|
|
31326
|
-
},
|
|
31327
|
-
"description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
|
|
31328
|
-
"fieldName": "toggletipText",
|
|
31329
|
-
"inheritedFrom": {
|
|
31330
|
-
"name": "FormfieldWrapper",
|
|
31331
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
31332
|
-
}
|
|
31333
|
-
},
|
|
31334
|
-
{
|
|
31335
|
-
"name": "toggletip-placement",
|
|
31336
|
-
"type": {
|
|
31337
|
-
"text": "PopoverPlacement"
|
|
31338
|
-
},
|
|
31339
|
-
"description": "The placement of the toggletip that is displayed when the info icon is hovered.",
|
|
31340
|
-
"default": "'top'",
|
|
31341
|
-
"fieldName": "toggletipPlacement",
|
|
31342
|
-
"inheritedFrom": {
|
|
31343
|
-
"name": "FormfieldWrapper",
|
|
31344
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
31345
|
-
}
|
|
31346
|
-
},
|
|
31347
|
-
{
|
|
31348
|
-
"name": "info-icon-aria-label",
|
|
31349
|
-
"type": {
|
|
31350
|
-
"text": "string | undefined"
|
|
31351
|
-
},
|
|
31352
|
-
"description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
|
|
31353
|
-
"fieldName": "infoIconAriaLabel",
|
|
31354
|
-
"inheritedFrom": {
|
|
31355
|
-
"name": "FormfieldWrapper",
|
|
31356
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
31357
|
-
}
|
|
31358
|
-
}
|
|
31359
|
-
],
|
|
31360
|
-
"superclass": {
|
|
31361
|
-
"name": "FormfieldGroup",
|
|
31362
|
-
"module": "/src/components/formfieldgroup"
|
|
31363
|
-
},
|
|
31364
|
-
"tagName": "mdc-radiogroup",
|
|
31365
|
-
"jsDoc": "/**\n * `mdc-radiogroup` - This is the wrapper component for radio buttons which are grouped together.\n * It can have a header text and a description. It enables users to select a single option from a set of options.\n * It is often used in forms, settings, and selection in lists. It automatically group the radio buttons inside it.\n *\n * @tagname mdc-radiogroup\n *\n * @cssproperty --mdc-radiogroup-description-text-normal - color of the description text\n *\n */",
|
|
31366
|
-
"customElement": true,
|
|
31367
|
-
"slots": [
|
|
31368
|
-
{
|
|
31369
|
-
"description": "This is a default slot for checkbox or toggle components.",
|
|
31370
|
-
"name": "default",
|
|
31371
|
-
"inheritedFrom": {
|
|
31372
|
-
"name": "FormfieldGroup",
|
|
31373
|
-
"module": "src/components/formfieldgroup/formfieldgroup.component.ts"
|
|
31374
|
-
}
|
|
31375
|
-
}
|
|
31376
|
-
]
|
|
31377
|
-
}
|
|
31378
|
-
],
|
|
31379
|
-
"exports": [
|
|
31380
|
-
{
|
|
31381
|
-
"kind": "js",
|
|
31382
|
-
"name": "default",
|
|
31383
|
-
"declaration": {
|
|
31384
|
-
"name": "RadioGroup",
|
|
31385
|
-
"module": "components/radiogroup/radiogroup.component.js"
|
|
31386
|
-
}
|
|
31387
|
-
}
|
|
31388
|
-
]
|
|
31389
|
-
},
|
|
31390
31344
|
{
|
|
31391
31345
|
"kind": "javascript-module",
|
|
31392
31346
|
"path": "components/screenreaderannouncer/screenreaderannouncer.component.js",
|
|
@@ -40549,38 +40503,7 @@
|
|
|
40549
40503
|
},
|
|
40550
40504
|
{
|
|
40551
40505
|
"kind": "field",
|
|
40552
|
-
"name": "
|
|
40553
|
-
"type": {
|
|
40554
|
-
"text": "HTMLElement | null"
|
|
40555
|
-
},
|
|
40556
|
-
"privacy": "public",
|
|
40557
|
-
"default": "null",
|
|
40558
|
-
"inheritedFrom": {
|
|
40559
|
-
"name": "Popover",
|
|
40560
|
-
"module": "components/popover/popover.component.js"
|
|
40561
|
-
}
|
|
40562
|
-
},
|
|
40563
|
-
{
|
|
40564
|
-
"kind": "field",
|
|
40565
|
-
"name": "storeConnectedTooltip",
|
|
40566
|
-
"privacy": "private",
|
|
40567
|
-
"inheritedFrom": {
|
|
40568
|
-
"name": "Popover",
|
|
40569
|
-
"module": "components/popover/popover.component.js"
|
|
40570
|
-
}
|
|
40571
|
-
},
|
|
40572
|
-
{
|
|
40573
|
-
"kind": "method",
|
|
40574
|
-
"name": "setupTriggerRelatedElement",
|
|
40575
|
-
"privacy": "private",
|
|
40576
|
-
"inheritedFrom": {
|
|
40577
|
-
"name": "Popover",
|
|
40578
|
-
"module": "components/popover/popover.component.js"
|
|
40579
|
-
}
|
|
40580
|
-
},
|
|
40581
|
-
{
|
|
40582
|
-
"kind": "field",
|
|
40583
|
-
"name": "cleanupTrigger",
|
|
40506
|
+
"name": "parseTrigger",
|
|
40584
40507
|
"privacy": "private",
|
|
40585
40508
|
"inheritedFrom": {
|
|
40586
40509
|
"name": "Popover",
|
|
@@ -40591,7 +40514,7 @@
|
|
|
40591
40514
|
"kind": "field",
|
|
40592
40515
|
"name": "setupTriggerListeners",
|
|
40593
40516
|
"privacy": "private",
|
|
40594
|
-
"description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.",
|
|
40517
|
+
"description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
|
|
40595
40518
|
"inheritedFrom": {
|
|
40596
40519
|
"name": "Popover",
|
|
40597
40520
|
"module": "components/popover/popover.component.js"
|
|
@@ -40792,14 +40715,20 @@
|
|
|
40792
40715
|
}
|
|
40793
40716
|
},
|
|
40794
40717
|
{
|
|
40795
|
-
"kind": "
|
|
40796
|
-
"name": "
|
|
40718
|
+
"kind": "method",
|
|
40719
|
+
"name": "isEventFromTrigger",
|
|
40797
40720
|
"privacy": "protected",
|
|
40798
|
-
"
|
|
40721
|
+
"return": {
|
|
40722
|
+
"type": {
|
|
40723
|
+
"text": "boolean"
|
|
40724
|
+
}
|
|
40725
|
+
},
|
|
40799
40726
|
"parameters": [
|
|
40800
40727
|
{
|
|
40801
|
-
"
|
|
40802
|
-
"
|
|
40728
|
+
"name": "event",
|
|
40729
|
+
"type": {
|
|
40730
|
+
"text": "Event"
|
|
40731
|
+
}
|
|
40803
40732
|
}
|
|
40804
40733
|
],
|
|
40805
40734
|
"inheritedFrom": {
|
|
@@ -40815,6 +40744,13 @@
|
|
|
40815
40744
|
"name": "Popover",
|
|
40816
40745
|
"module": "components/popover/popover.component.js"
|
|
40817
40746
|
}
|
|
40747
|
+
},
|
|
40748
|
+
{
|
|
40749
|
+
"kind": "field",
|
|
40750
|
+
"inheritedFrom": {
|
|
40751
|
+
"name": "Popover",
|
|
40752
|
+
"module": "components/popover/popover.component.js"
|
|
40753
|
+
}
|
|
40818
40754
|
}
|
|
40819
40755
|
],
|
|
40820
40756
|
"events": [
|
|
@@ -42613,38 +42549,7 @@
|
|
|
42613
42549
|
},
|
|
42614
42550
|
{
|
|
42615
42551
|
"kind": "field",
|
|
42616
|
-
"name": "
|
|
42617
|
-
"type": {
|
|
42618
|
-
"text": "HTMLElement | null"
|
|
42619
|
-
},
|
|
42620
|
-
"privacy": "public",
|
|
42621
|
-
"default": "null",
|
|
42622
|
-
"inheritedFrom": {
|
|
42623
|
-
"name": "Popover",
|
|
42624
|
-
"module": "components/popover/popover.component.js"
|
|
42625
|
-
}
|
|
42626
|
-
},
|
|
42627
|
-
{
|
|
42628
|
-
"kind": "field",
|
|
42629
|
-
"name": "storeConnectedTooltip",
|
|
42630
|
-
"privacy": "private",
|
|
42631
|
-
"inheritedFrom": {
|
|
42632
|
-
"name": "Popover",
|
|
42633
|
-
"module": "components/popover/popover.component.js"
|
|
42634
|
-
}
|
|
42635
|
-
},
|
|
42636
|
-
{
|
|
42637
|
-
"kind": "method",
|
|
42638
|
-
"name": "setupTriggerRelatedElement",
|
|
42639
|
-
"privacy": "private",
|
|
42640
|
-
"inheritedFrom": {
|
|
42641
|
-
"name": "Popover",
|
|
42642
|
-
"module": "components/popover/popover.component.js"
|
|
42643
|
-
}
|
|
42644
|
-
},
|
|
42645
|
-
{
|
|
42646
|
-
"kind": "field",
|
|
42647
|
-
"name": "cleanupTrigger",
|
|
42552
|
+
"name": "parseTrigger",
|
|
42648
42553
|
"privacy": "private",
|
|
42649
42554
|
"inheritedFrom": {
|
|
42650
42555
|
"name": "Popover",
|
|
@@ -42655,7 +42560,7 @@
|
|
|
42655
42560
|
"kind": "field",
|
|
42656
42561
|
"name": "setupTriggerListeners",
|
|
42657
42562
|
"privacy": "private",
|
|
42658
|
-
"description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.",
|
|
42563
|
+
"description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
|
|
42659
42564
|
"inheritedFrom": {
|
|
42660
42565
|
"name": "Popover",
|
|
42661
42566
|
"module": "components/popover/popover.component.js"
|
|
@@ -42856,14 +42761,20 @@
|
|
|
42856
42761
|
}
|
|
42857
42762
|
},
|
|
42858
42763
|
{
|
|
42859
|
-
"kind": "
|
|
42860
|
-
"name": "
|
|
42764
|
+
"kind": "method",
|
|
42765
|
+
"name": "isEventFromTrigger",
|
|
42861
42766
|
"privacy": "protected",
|
|
42862
|
-
"
|
|
42767
|
+
"return": {
|
|
42768
|
+
"type": {
|
|
42769
|
+
"text": "boolean"
|
|
42770
|
+
}
|
|
42771
|
+
},
|
|
42863
42772
|
"parameters": [
|
|
42864
42773
|
{
|
|
42865
|
-
"
|
|
42866
|
-
"
|
|
42774
|
+
"name": "event",
|
|
42775
|
+
"type": {
|
|
42776
|
+
"text": "Event"
|
|
42777
|
+
}
|
|
42867
42778
|
}
|
|
42868
42779
|
],
|
|
42869
42780
|
"inheritedFrom": {
|
|
@@ -42879,6 +42790,13 @@
|
|
|
42879
42790
|
"name": "Popover",
|
|
42880
42791
|
"module": "components/popover/popover.component.js"
|
|
42881
42792
|
}
|
|
42793
|
+
},
|
|
42794
|
+
{
|
|
42795
|
+
"kind": "field",
|
|
42796
|
+
"inheritedFrom": {
|
|
42797
|
+
"name": "Popover",
|
|
42798
|
+
"module": "components/popover/popover.component.js"
|
|
42799
|
+
}
|
|
42882
42800
|
}
|
|
42883
42801
|
],
|
|
42884
42802
|
"events": [
|