@momentum-design/components 0.123.2 → 0.123.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +203 -187
- package/dist/browser/index.js.map +3 -3
- package/dist/components/combobox/combobox.styles.js +4 -3
- package/dist/components/input/input.styles.js +11 -1
- package/dist/components/popover/popover.component.d.ts +2 -2
- package/dist/components/popover/popover.component.js +5 -5
- package/dist/components/popover/popover.constants.d.ts +1 -1
- package/dist/components/popover/popover.constants.js +1 -1
- package/dist/components/select/select.component.d.ts +5 -0
- package/dist/components/select/select.component.js +20 -10
- package/dist/components/select/select.constants.d.ts +4 -1
- package/dist/components/select/select.constants.js +4 -1
- package/dist/components/select/select.styles.js +9 -5
- package/dist/components/tooltip/tooltip.component.js +1 -1
- package/dist/custom-elements.json +1026 -1006
- package/dist/react/index.d.ts +4 -4
- package/dist/react/index.js +4 -4
- package/package.json +1 -1
|
@@ -4,169 +4,25 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "components/
|
|
7
|
+
"path": "components/accordiongroup/accordiongroup.component.js",
|
|
8
8
|
"declarations": [
|
|
9
9
|
{
|
|
10
10
|
"kind": "class",
|
|
11
|
-
"description": "An accordion
|
|
12
|
-
"name": "
|
|
11
|
+
"description": "An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\nEach heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\nAccordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n\n- Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n\nThere are three types of variants:\n- Stacked - Each accordion will have a gap of 1.5rem (24px).\n- Borderless - Each accordion will not have any border and the group will also not have any border.\n- Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n\nThere are two types of sizes:\n- Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n- Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n\nThe variant and size will be applied to all accordions inside this accordion group.\nTo show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n\nIf you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n\nIf the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.",
|
|
12
|
+
"name": "AccordionGroup",
|
|
13
13
|
"cssProperties": [
|
|
14
14
|
{
|
|
15
|
-
"description": "The border color of the
|
|
16
|
-
"name": "--mdc-
|
|
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 body section of the accordion.",
|
|
50
|
-
"name": "body-section",
|
|
51
|
-
"inheritedFrom": {
|
|
52
|
-
"name": "AccordionButton",
|
|
53
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"description": "The header section of the accordion.",
|
|
58
|
-
"name": "header-section",
|
|
59
|
-
"inheritedFrom": {
|
|
60
|
-
"name": "AccordionButton",
|
|
61
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
"description": "The leading header of the accordion.",
|
|
66
|
-
"name": "leading-header",
|
|
67
|
-
"inheritedFrom": {
|
|
68
|
-
"name": "AccordionButton",
|
|
69
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"description": "The trailing header of the accordion.",
|
|
74
|
-
"name": "trailing-header",
|
|
75
|
-
"inheritedFrom": {
|
|
76
|
-
"name": "AccordionButton",
|
|
77
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
"description": "The trailing header button of the accordion.",
|
|
82
|
-
"name": "trailing-header__button"
|
|
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
|
-
}
|
|
15
|
+
"description": "The border color of the entire accordiongroup",
|
|
16
|
+
"name": "--mdc-accordiongroup-border-color"
|
|
99
17
|
}
|
|
100
18
|
],
|
|
101
19
|
"slots": [
|
|
102
20
|
{
|
|
103
|
-
"description": "The
|
|
104
|
-
"name": "
|
|
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
|
-
}
|
|
21
|
+
"description": "The default slot can contain the `accordion` or `accordionbutton` components.",
|
|
22
|
+
"name": "default"
|
|
117
23
|
}
|
|
118
24
|
],
|
|
119
25
|
"members": [
|
|
120
|
-
{
|
|
121
|
-
"kind": "field",
|
|
122
|
-
"name": "openButtonAriaLabel",
|
|
123
|
-
"type": {
|
|
124
|
-
"text": "string | undefined"
|
|
125
|
-
},
|
|
126
|
-
"description": "Aria-label attribute for the trigger button when accordion is collapsed.",
|
|
127
|
-
"attribute": "open-button-aria-label",
|
|
128
|
-
"reflects": true
|
|
129
|
-
},
|
|
130
|
-
{
|
|
131
|
-
"kind": "field",
|
|
132
|
-
"name": "closeButtonAriaLabel",
|
|
133
|
-
"type": {
|
|
134
|
-
"text": "string | undefined"
|
|
135
|
-
},
|
|
136
|
-
"description": "Aria-label attribute for the trigger button when accordion is expanded.",
|
|
137
|
-
"attribute": "close-button-aria-label",
|
|
138
|
-
"reflects": true
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
"kind": "method",
|
|
142
|
-
"name": "renderHeader",
|
|
143
|
-
"privacy": "protected",
|
|
144
|
-
"return": {
|
|
145
|
-
"type": {
|
|
146
|
-
"text": ""
|
|
147
|
-
}
|
|
148
|
-
},
|
|
149
|
-
"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.",
|
|
150
|
-
"inheritedFrom": {
|
|
151
|
-
"name": "AccordionButton",
|
|
152
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
153
|
-
}
|
|
154
|
-
},
|
|
155
|
-
{
|
|
156
|
-
"kind": "field",
|
|
157
|
-
"name": "disabled",
|
|
158
|
-
"type": {
|
|
159
|
-
"text": "boolean | undefined"
|
|
160
|
-
},
|
|
161
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
162
|
-
"default": "undefined",
|
|
163
|
-
"attribute": "disabled",
|
|
164
|
-
"reflects": true,
|
|
165
|
-
"inheritedFrom": {
|
|
166
|
-
"name": "DisabledMixin",
|
|
167
|
-
"module": "utils/mixins/DisabledMixin.js"
|
|
168
|
-
}
|
|
169
|
-
},
|
|
170
26
|
{
|
|
171
27
|
"kind": "field",
|
|
172
28
|
"name": "size",
|
|
@@ -176,11 +32,7 @@
|
|
|
176
32
|
"description": "The size of the accordion item.",
|
|
177
33
|
"default": "'small'",
|
|
178
34
|
"attribute": "size",
|
|
179
|
-
"reflects": true
|
|
180
|
-
"inheritedFrom": {
|
|
181
|
-
"name": "AccordionButton",
|
|
182
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
183
|
-
}
|
|
35
|
+
"reflects": true
|
|
184
36
|
},
|
|
185
37
|
{
|
|
186
38
|
"kind": "field",
|
|
@@ -189,104 +41,24 @@
|
|
|
189
41
|
"text": "Variant"
|
|
190
42
|
},
|
|
191
43
|
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
192
|
-
"default": "'
|
|
44
|
+
"default": "'stacked'",
|
|
193
45
|
"attribute": "variant",
|
|
194
|
-
"reflects": true
|
|
195
|
-
"inheritedFrom": {
|
|
196
|
-
"name": "AccordionButton",
|
|
197
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
198
|
-
}
|
|
199
|
-
},
|
|
200
|
-
{
|
|
201
|
-
"kind": "field",
|
|
202
|
-
"name": "dataAriaLevel",
|
|
203
|
-
"type": {
|
|
204
|
-
"text": "number"
|
|
205
|
-
},
|
|
206
|
-
"description": "The aria level of the accordion component.",
|
|
207
|
-
"default": "3",
|
|
208
|
-
"attribute": "data-aria-level",
|
|
209
|
-
"reflects": true,
|
|
210
|
-
"inheritedFrom": {
|
|
211
|
-
"name": "AccordionButton",
|
|
212
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
213
|
-
}
|
|
46
|
+
"reflects": true
|
|
214
47
|
},
|
|
215
48
|
{
|
|
216
49
|
"kind": "field",
|
|
217
|
-
"name": "
|
|
50
|
+
"name": "allowMultiple",
|
|
218
51
|
"type": {
|
|
219
52
|
"text": "boolean"
|
|
220
53
|
},
|
|
221
|
-
"description": "The visibility of the accordion button.",
|
|
222
54
|
"default": "false",
|
|
223
|
-
"
|
|
224
|
-
"
|
|
225
|
-
"
|
|
226
|
-
"name": "AccordionButton",
|
|
227
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
228
|
-
}
|
|
229
|
-
},
|
|
230
|
-
{
|
|
231
|
-
"kind": "field",
|
|
232
|
-
"name": "headerText",
|
|
233
|
-
"type": {
|
|
234
|
-
"text": "string | undefined"
|
|
235
|
-
},
|
|
236
|
-
"description": "The header text of the accordion item.",
|
|
237
|
-
"attribute": "header-text",
|
|
238
|
-
"reflects": true,
|
|
239
|
-
"inheritedFrom": {
|
|
240
|
-
"name": "AccordionButton",
|
|
241
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
242
|
-
}
|
|
243
|
-
},
|
|
244
|
-
{
|
|
245
|
-
"kind": "field",
|
|
246
|
-
"name": "prefixIcon",
|
|
247
|
-
"type": {
|
|
248
|
-
"text": "IconNames | undefined"
|
|
249
|
-
},
|
|
250
|
-
"description": "The leading icon that is displayed before the header text.",
|
|
251
|
-
"attribute": "prefix-icon",
|
|
252
|
-
"inheritedFrom": {
|
|
253
|
-
"name": "AccordionButton",
|
|
254
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
255
|
-
}
|
|
256
|
-
},
|
|
257
|
-
{
|
|
258
|
-
"kind": "method",
|
|
259
|
-
"name": "handleHeaderClick",
|
|
260
|
-
"privacy": "protected",
|
|
261
|
-
"return": {
|
|
262
|
-
"type": {
|
|
263
|
-
"text": "void"
|
|
264
|
-
}
|
|
265
|
-
},
|
|
266
|
-
"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.",
|
|
267
|
-
"inheritedFrom": {
|
|
268
|
-
"name": "AccordionButton",
|
|
269
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
270
|
-
}
|
|
271
|
-
},
|
|
272
|
-
{
|
|
273
|
-
"kind": "method",
|
|
274
|
-
"name": "dispatchHeaderClickEvent",
|
|
275
|
-
"privacy": "private",
|
|
276
|
-
"return": {
|
|
277
|
-
"type": {
|
|
278
|
-
"text": "void"
|
|
279
|
-
}
|
|
280
|
-
},
|
|
281
|
-
"description": "Dispatches the `shown` event with the current expanded state.\nThe event is cancelable and bubbles.\nThe event detail contains the current expanded state.",
|
|
282
|
-
"inheritedFrom": {
|
|
283
|
-
"name": "AccordionButton",
|
|
284
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
285
|
-
}
|
|
55
|
+
"description": "If true, multiple accordion items can be visible at the same time.",
|
|
56
|
+
"attribute": "allow-multiple",
|
|
57
|
+
"reflects": true
|
|
286
58
|
},
|
|
287
59
|
{
|
|
288
60
|
"kind": "method",
|
|
289
|
-
"name": "
|
|
61
|
+
"name": "handleAccordionExpanded",
|
|
290
62
|
"privacy": "private",
|
|
291
63
|
"return": {
|
|
292
64
|
"type": {
|
|
@@ -297,125 +69,42 @@
|
|
|
297
69
|
{
|
|
298
70
|
"name": "event",
|
|
299
71
|
"type": {
|
|
300
|
-
"text": "
|
|
72
|
+
"text": "Event"
|
|
301
73
|
},
|
|
302
|
-
"description": "The
|
|
74
|
+
"description": "The event object from the 'shown' event."
|
|
303
75
|
}
|
|
304
76
|
],
|
|
305
|
-
"description": "Handles the
|
|
306
|
-
"inheritedFrom": {
|
|
307
|
-
"name": "AccordionButton",
|
|
308
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
309
|
-
}
|
|
77
|
+
"description": "Handles the 'shown' event for accordion items.\nIf `allowMultiple` is false, ensures that only one accordion item\nremains expanded by collapsing all other expanded items when a new item is expanded."
|
|
310
78
|
},
|
|
311
79
|
{
|
|
312
80
|
"kind": "method",
|
|
313
|
-
"name": "
|
|
314
|
-
"privacy": "
|
|
81
|
+
"name": "setChildrenAccordionAttributes",
|
|
82
|
+
"privacy": "private",
|
|
315
83
|
"return": {
|
|
316
84
|
"type": {
|
|
317
|
-
"text": "
|
|
85
|
+
"text": "void"
|
|
318
86
|
}
|
|
319
87
|
},
|
|
320
88
|
"parameters": [
|
|
321
89
|
{
|
|
322
|
-
"name": "
|
|
323
|
-
"optional": true,
|
|
90
|
+
"name": "attributeName",
|
|
324
91
|
"type": {
|
|
325
|
-
"text": "
|
|
326
|
-
}
|
|
92
|
+
"text": "string"
|
|
93
|
+
},
|
|
94
|
+
"description": "The name of the attribute to set."
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"name": "attributeValue",
|
|
98
|
+
"type": {
|
|
99
|
+
"text": "string"
|
|
100
|
+
},
|
|
101
|
+
"description": "The value to set the attribute to."
|
|
327
102
|
}
|
|
328
103
|
],
|
|
329
|
-
"
|
|
330
|
-
"name": "AccordionButton",
|
|
331
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
332
|
-
}
|
|
333
|
-
},
|
|
334
|
-
{
|
|
335
|
-
"kind": "method",
|
|
336
|
-
"name": "renderHeadingText",
|
|
337
|
-
"privacy": "protected",
|
|
338
|
-
"return": {
|
|
339
|
-
"type": {
|
|
340
|
-
"text": "TemplateResult | typeof nothing"
|
|
341
|
-
}
|
|
342
|
-
},
|
|
343
|
-
"inheritedFrom": {
|
|
344
|
-
"name": "AccordionButton",
|
|
345
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
346
|
-
}
|
|
347
|
-
},
|
|
348
|
-
{
|
|
349
|
-
"kind": "method",
|
|
350
|
-
"name": "getArrowIconName",
|
|
351
|
-
"privacy": "protected",
|
|
352
|
-
"return": {
|
|
353
|
-
"type": {
|
|
354
|
-
"text": ""
|
|
355
|
-
}
|
|
356
|
-
},
|
|
357
|
-
"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.",
|
|
358
|
-
"inheritedFrom": {
|
|
359
|
-
"name": "AccordionButton",
|
|
360
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
361
|
-
}
|
|
362
|
-
},
|
|
363
|
-
{
|
|
364
|
-
"kind": "method",
|
|
365
|
-
"name": "renderBody",
|
|
366
|
-
"privacy": "protected",
|
|
367
|
-
"return": {
|
|
368
|
-
"type": {
|
|
369
|
-
"text": "TemplateResult | typeof nothing"
|
|
370
|
-
}
|
|
371
|
-
},
|
|
372
|
-
"inheritedFrom": {
|
|
373
|
-
"name": "AccordionButton",
|
|
374
|
-
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
375
|
-
}
|
|
376
|
-
}
|
|
377
|
-
],
|
|
378
|
-
"events": [
|
|
379
|
-
{
|
|
380
|
-
"description": "(React: onShown) This event is triggered when the accordion is expanded.",
|
|
381
|
-
"name": "shown",
|
|
382
|
-
"reactName": "onShown",
|
|
383
|
-
"inheritedFrom": {
|
|
384
|
-
"name": "AccordionButton",
|
|
385
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
386
|
-
}
|
|
104
|
+
"description": "Sets the given attribute on all child accordion or accordionbutton components."
|
|
387
105
|
}
|
|
388
106
|
],
|
|
389
107
|
"attributes": [
|
|
390
|
-
{
|
|
391
|
-
"name": "open-button-aria-label",
|
|
392
|
-
"type": {
|
|
393
|
-
"text": "string | undefined"
|
|
394
|
-
},
|
|
395
|
-
"description": "Aria-label attribute for the trigger button when accordion is collapsed.",
|
|
396
|
-
"fieldName": "openButtonAriaLabel"
|
|
397
|
-
},
|
|
398
|
-
{
|
|
399
|
-
"name": "close-button-aria-label",
|
|
400
|
-
"type": {
|
|
401
|
-
"text": "string | undefined"
|
|
402
|
-
},
|
|
403
|
-
"description": "Aria-label attribute for the trigger button when accordion is expanded.",
|
|
404
|
-
"fieldName": "closeButtonAriaLabel"
|
|
405
|
-
},
|
|
406
|
-
{
|
|
407
|
-
"name": "disabled",
|
|
408
|
-
"type": {
|
|
409
|
-
"text": "boolean | undefined"
|
|
410
|
-
},
|
|
411
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
412
|
-
"default": "undefined",
|
|
413
|
-
"fieldName": "disabled",
|
|
414
|
-
"inheritedFrom": {
|
|
415
|
-
"name": "DisabledMixin",
|
|
416
|
-
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
417
|
-
}
|
|
418
|
-
},
|
|
419
108
|
{
|
|
420
109
|
"name": "size",
|
|
421
110
|
"type": {
|
|
@@ -423,11 +112,7 @@
|
|
|
423
112
|
},
|
|
424
113
|
"description": "The size of the accordion item.",
|
|
425
114
|
"default": "'small'",
|
|
426
|
-
"fieldName": "size"
|
|
427
|
-
"inheritedFrom": {
|
|
428
|
-
"name": "AccordionButton",
|
|
429
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
430
|
-
}
|
|
115
|
+
"fieldName": "size"
|
|
431
116
|
},
|
|
432
117
|
{
|
|
433
118
|
"name": "variant",
|
|
@@ -435,70 +120,25 @@
|
|
|
435
120
|
"text": "Variant"
|
|
436
121
|
},
|
|
437
122
|
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
438
|
-
"default": "'
|
|
439
|
-
"fieldName": "variant"
|
|
440
|
-
"inheritedFrom": {
|
|
441
|
-
"name": "AccordionButton",
|
|
442
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
443
|
-
}
|
|
444
|
-
},
|
|
445
|
-
{
|
|
446
|
-
"name": "data-aria-level",
|
|
447
|
-
"type": {
|
|
448
|
-
"text": "number"
|
|
449
|
-
},
|
|
450
|
-
"description": "The aria level of the accordion component.",
|
|
451
|
-
"default": "3",
|
|
452
|
-
"fieldName": "dataAriaLevel",
|
|
453
|
-
"inheritedFrom": {
|
|
454
|
-
"name": "AccordionButton",
|
|
455
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
456
|
-
}
|
|
123
|
+
"default": "'stacked'",
|
|
124
|
+
"fieldName": "variant"
|
|
457
125
|
},
|
|
458
126
|
{
|
|
459
|
-
"name": "
|
|
127
|
+
"name": "allow-multiple",
|
|
460
128
|
"type": {
|
|
461
129
|
"text": "boolean"
|
|
462
130
|
},
|
|
463
|
-
"description": "The visibility of the accordion button.",
|
|
464
131
|
"default": "false",
|
|
465
|
-
"
|
|
466
|
-
"
|
|
467
|
-
"name": "AccordionButton",
|
|
468
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
469
|
-
}
|
|
470
|
-
},
|
|
471
|
-
{
|
|
472
|
-
"name": "header-text",
|
|
473
|
-
"type": {
|
|
474
|
-
"text": "string | undefined"
|
|
475
|
-
},
|
|
476
|
-
"description": "The header text of the accordion item.",
|
|
477
|
-
"fieldName": "headerText",
|
|
478
|
-
"inheritedFrom": {
|
|
479
|
-
"name": "AccordionButton",
|
|
480
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
481
|
-
}
|
|
482
|
-
},
|
|
483
|
-
{
|
|
484
|
-
"name": "prefix-icon",
|
|
485
|
-
"type": {
|
|
486
|
-
"text": "IconNames | undefined"
|
|
487
|
-
},
|
|
488
|
-
"description": "The leading icon that is displayed before the header text.",
|
|
489
|
-
"fieldName": "prefixIcon",
|
|
490
|
-
"inheritedFrom": {
|
|
491
|
-
"name": "AccordionButton",
|
|
492
|
-
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
493
|
-
}
|
|
132
|
+
"description": "If true, multiple accordion items can be visible at the same time.",
|
|
133
|
+
"fieldName": "allowMultiple"
|
|
494
134
|
}
|
|
495
135
|
],
|
|
496
136
|
"superclass": {
|
|
497
|
-
"name": "
|
|
498
|
-
"module": "/src/
|
|
137
|
+
"name": "Component",
|
|
138
|
+
"module": "/src/models"
|
|
499
139
|
},
|
|
500
|
-
"tagName": "mdc-
|
|
501
|
-
"jsDoc": "/**\n * An accordion
|
|
140
|
+
"tagName": "mdc-accordiongroup",
|
|
141
|
+
"jsDoc": "/**\n * An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\n * Each heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\n * Accordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n *\n * - Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n *\n * There are three types of variants:\n * - Stacked - Each accordion will have a gap of 1.5rem (24px).\n * - Borderless - Each accordion will not have any border and the group will also not have any border.\n * - Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n *\n * There are two types of sizes:\n * - Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n * - Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n *\n * The variant and size will be applied to all accordions inside this accordion group.\n * To show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n *\n * If you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n *\n * If the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.\n *\n * @tagname mdc-accordiongroup\n *\n * @slot default - The default slot can contain the `accordion` or `accordionbutton` components.\n *\n * @cssproperty --mdc-accordiongroup-border-color - The border color of the entire accordiongroup\n */",
|
|
502
142
|
"customElement": true
|
|
503
143
|
}
|
|
504
144
|
],
|
|
@@ -507,8 +147,8 @@
|
|
|
507
147
|
"kind": "js",
|
|
508
148
|
"name": "default",
|
|
509
149
|
"declaration": {
|
|
510
|
-
"name": "
|
|
511
|
-
"module": "components/
|
|
150
|
+
"name": "AccordionGroup",
|
|
151
|
+
"module": "components/accordiongroup/accordiongroup.component.js"
|
|
512
152
|
}
|
|
513
153
|
}
|
|
514
154
|
]
|
|
@@ -855,25 +495,169 @@
|
|
|
855
495
|
},
|
|
856
496
|
{
|
|
857
497
|
"kind": "javascript-module",
|
|
858
|
-
"path": "components/
|
|
498
|
+
"path": "components/accordion/accordion.component.js",
|
|
859
499
|
"declarations": [
|
|
860
500
|
{
|
|
861
501
|
"kind": "class",
|
|
862
|
-
"description": "An accordion
|
|
863
|
-
"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",
|
|
864
504
|
"cssProperties": [
|
|
865
505
|
{
|
|
866
|
-
"description": "The border color of the
|
|
867
|
-
"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
|
+
}
|
|
512
|
+
},
|
|
513
|
+
{
|
|
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
|
+
}
|
|
520
|
+
},
|
|
521
|
+
{
|
|
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
|
+
}
|
|
528
|
+
},
|
|
529
|
+
{
|
|
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 body section of the accordion.",
|
|
541
|
+
"name": "body-section",
|
|
542
|
+
"inheritedFrom": {
|
|
543
|
+
"name": "AccordionButton",
|
|
544
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
545
|
+
}
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"description": "The header section of the accordion.",
|
|
549
|
+
"name": "header-section",
|
|
550
|
+
"inheritedFrom": {
|
|
551
|
+
"name": "AccordionButton",
|
|
552
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
553
|
+
}
|
|
554
|
+
},
|
|
555
|
+
{
|
|
556
|
+
"description": "The leading header of the accordion.",
|
|
557
|
+
"name": "leading-header",
|
|
558
|
+
"inheritedFrom": {
|
|
559
|
+
"name": "AccordionButton",
|
|
560
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
561
|
+
}
|
|
562
|
+
},
|
|
563
|
+
{
|
|
564
|
+
"description": "The trailing header of the accordion.",
|
|
565
|
+
"name": "trailing-header",
|
|
566
|
+
"inheritedFrom": {
|
|
567
|
+
"name": "AccordionButton",
|
|
568
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
569
|
+
}
|
|
570
|
+
},
|
|
571
|
+
{
|
|
572
|
+
"description": "The trailing header button of the accordion.",
|
|
573
|
+
"name": "trailing-header__button"
|
|
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
|
+
}
|
|
868
590
|
}
|
|
869
591
|
],
|
|
870
592
|
"slots": [
|
|
871
593
|
{
|
|
872
|
-
"description": "The
|
|
873
|
-
"name": "
|
|
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
|
+
}
|
|
874
608
|
}
|
|
875
609
|
],
|
|
876
610
|
"members": [
|
|
611
|
+
{
|
|
612
|
+
"kind": "field",
|
|
613
|
+
"name": "openButtonAriaLabel",
|
|
614
|
+
"type": {
|
|
615
|
+
"text": "string | undefined"
|
|
616
|
+
},
|
|
617
|
+
"description": "Aria-label attribute for the trigger button when accordion is collapsed.",
|
|
618
|
+
"attribute": "open-button-aria-label",
|
|
619
|
+
"reflects": true
|
|
620
|
+
},
|
|
621
|
+
{
|
|
622
|
+
"kind": "field",
|
|
623
|
+
"name": "closeButtonAriaLabel",
|
|
624
|
+
"type": {
|
|
625
|
+
"text": "string | undefined"
|
|
626
|
+
},
|
|
627
|
+
"description": "Aria-label attribute for the trigger button when accordion is expanded.",
|
|
628
|
+
"attribute": "close-button-aria-label",
|
|
629
|
+
"reflects": true
|
|
630
|
+
},
|
|
631
|
+
{
|
|
632
|
+
"kind": "method",
|
|
633
|
+
"name": "renderHeader",
|
|
634
|
+
"privacy": "protected",
|
|
635
|
+
"return": {
|
|
636
|
+
"type": {
|
|
637
|
+
"text": ""
|
|
638
|
+
}
|
|
639
|
+
},
|
|
640
|
+
"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.",
|
|
641
|
+
"inheritedFrom": {
|
|
642
|
+
"name": "AccordionButton",
|
|
643
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
644
|
+
}
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"kind": "field",
|
|
648
|
+
"name": "disabled",
|
|
649
|
+
"type": {
|
|
650
|
+
"text": "boolean | undefined"
|
|
651
|
+
},
|
|
652
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
653
|
+
"default": "undefined",
|
|
654
|
+
"attribute": "disabled",
|
|
655
|
+
"reflects": true,
|
|
656
|
+
"inheritedFrom": {
|
|
657
|
+
"name": "AccordionButton",
|
|
658
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
659
|
+
}
|
|
660
|
+
},
|
|
877
661
|
{
|
|
878
662
|
"kind": "field",
|
|
879
663
|
"name": "size",
|
|
@@ -883,7 +667,11 @@
|
|
|
883
667
|
"description": "The size of the accordion item.",
|
|
884
668
|
"default": "'small'",
|
|
885
669
|
"attribute": "size",
|
|
886
|
-
"reflects": true
|
|
670
|
+
"reflects": true,
|
|
671
|
+
"inheritedFrom": {
|
|
672
|
+
"name": "AccordionButton",
|
|
673
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
674
|
+
}
|
|
887
675
|
},
|
|
888
676
|
{
|
|
889
677
|
"kind": "field",
|
|
@@ -892,24 +680,104 @@
|
|
|
892
680
|
"text": "Variant"
|
|
893
681
|
},
|
|
894
682
|
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
895
|
-
"default": "'
|
|
683
|
+
"default": "'default'",
|
|
896
684
|
"attribute": "variant",
|
|
897
|
-
"reflects": true
|
|
685
|
+
"reflects": true,
|
|
686
|
+
"inheritedFrom": {
|
|
687
|
+
"name": "AccordionButton",
|
|
688
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
689
|
+
}
|
|
898
690
|
},
|
|
899
691
|
{
|
|
900
692
|
"kind": "field",
|
|
901
|
-
"name": "
|
|
693
|
+
"name": "dataAriaLevel",
|
|
694
|
+
"type": {
|
|
695
|
+
"text": "number"
|
|
696
|
+
},
|
|
697
|
+
"description": "The aria level of the accordion component.",
|
|
698
|
+
"default": "3",
|
|
699
|
+
"attribute": "data-aria-level",
|
|
700
|
+
"reflects": true,
|
|
701
|
+
"inheritedFrom": {
|
|
702
|
+
"name": "AccordionButton",
|
|
703
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
704
|
+
}
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"kind": "field",
|
|
708
|
+
"name": "expanded",
|
|
902
709
|
"type": {
|
|
903
710
|
"text": "boolean"
|
|
904
711
|
},
|
|
712
|
+
"description": "The visibility of the accordion button.",
|
|
905
713
|
"default": "false",
|
|
906
|
-
"
|
|
907
|
-
"
|
|
908
|
-
"
|
|
714
|
+
"attribute": "expanded",
|
|
715
|
+
"reflects": true,
|
|
716
|
+
"inheritedFrom": {
|
|
717
|
+
"name": "AccordionButton",
|
|
718
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
719
|
+
}
|
|
720
|
+
},
|
|
721
|
+
{
|
|
722
|
+
"kind": "field",
|
|
723
|
+
"name": "headerText",
|
|
724
|
+
"type": {
|
|
725
|
+
"text": "string | undefined"
|
|
726
|
+
},
|
|
727
|
+
"description": "The header text of the accordion item.",
|
|
728
|
+
"attribute": "header-text",
|
|
729
|
+
"reflects": true,
|
|
730
|
+
"inheritedFrom": {
|
|
731
|
+
"name": "AccordionButton",
|
|
732
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
733
|
+
}
|
|
734
|
+
},
|
|
735
|
+
{
|
|
736
|
+
"kind": "field",
|
|
737
|
+
"name": "prefixIcon",
|
|
738
|
+
"type": {
|
|
739
|
+
"text": "IconNames | undefined"
|
|
740
|
+
},
|
|
741
|
+
"description": "The leading icon that is displayed before the header text.",
|
|
742
|
+
"attribute": "prefix-icon",
|
|
743
|
+
"inheritedFrom": {
|
|
744
|
+
"name": "AccordionButton",
|
|
745
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
746
|
+
}
|
|
909
747
|
},
|
|
910
748
|
{
|
|
911
749
|
"kind": "method",
|
|
912
|
-
"name": "
|
|
750
|
+
"name": "handleHeaderClick",
|
|
751
|
+
"privacy": "protected",
|
|
752
|
+
"return": {
|
|
753
|
+
"type": {
|
|
754
|
+
"text": "void"
|
|
755
|
+
}
|
|
756
|
+
},
|
|
757
|
+
"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.",
|
|
758
|
+
"inheritedFrom": {
|
|
759
|
+
"name": "AccordionButton",
|
|
760
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
761
|
+
}
|
|
762
|
+
},
|
|
763
|
+
{
|
|
764
|
+
"kind": "method",
|
|
765
|
+
"name": "dispatchHeaderClickEvent",
|
|
766
|
+
"privacy": "private",
|
|
767
|
+
"return": {
|
|
768
|
+
"type": {
|
|
769
|
+
"text": "void"
|
|
770
|
+
}
|
|
771
|
+
},
|
|
772
|
+
"description": "Dispatches the `shown` event with the current expanded state.\nThe event is cancelable and bubbles.\nThe event detail contains the current expanded state.",
|
|
773
|
+
"inheritedFrom": {
|
|
774
|
+
"name": "AccordionButton",
|
|
775
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
776
|
+
}
|
|
777
|
+
},
|
|
778
|
+
{
|
|
779
|
+
"kind": "method",
|
|
780
|
+
"name": "handleKeyDown",
|
|
913
781
|
"privacy": "private",
|
|
914
782
|
"return": {
|
|
915
783
|
"type": {
|
|
@@ -920,42 +788,125 @@
|
|
|
920
788
|
{
|
|
921
789
|
"name": "event",
|
|
922
790
|
"type": {
|
|
923
|
-
"text": "
|
|
791
|
+
"text": "KeyboardEvent"
|
|
924
792
|
},
|
|
925
|
-
"description": "The
|
|
793
|
+
"description": "The KeyboardEvent fired."
|
|
926
794
|
}
|
|
927
795
|
],
|
|
928
|
-
"description": "Handles the
|
|
796
|
+
"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.",
|
|
797
|
+
"inheritedFrom": {
|
|
798
|
+
"name": "AccordionButton",
|
|
799
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
800
|
+
}
|
|
929
801
|
},
|
|
930
802
|
{
|
|
931
803
|
"kind": "method",
|
|
932
|
-
"name": "
|
|
933
|
-
"privacy": "
|
|
804
|
+
"name": "renderIcon",
|
|
805
|
+
"privacy": "protected",
|
|
934
806
|
"return": {
|
|
935
807
|
"type": {
|
|
936
|
-
"text": "
|
|
808
|
+
"text": "TemplateResult | typeof nothing"
|
|
937
809
|
}
|
|
938
810
|
},
|
|
939
811
|
"parameters": [
|
|
940
812
|
{
|
|
941
|
-
"name": "
|
|
942
|
-
"
|
|
943
|
-
"text": "string"
|
|
944
|
-
},
|
|
945
|
-
"description": "The name of the attribute to set."
|
|
946
|
-
},
|
|
947
|
-
{
|
|
948
|
-
"name": "attributeValue",
|
|
813
|
+
"name": "iconName",
|
|
814
|
+
"optional": true,
|
|
949
815
|
"type": {
|
|
950
|
-
"text": "
|
|
951
|
-
}
|
|
952
|
-
"description": "The value to set the attribute to."
|
|
816
|
+
"text": "IconNames"
|
|
817
|
+
}
|
|
953
818
|
}
|
|
954
819
|
],
|
|
955
|
-
"
|
|
820
|
+
"inheritedFrom": {
|
|
821
|
+
"name": "AccordionButton",
|
|
822
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
823
|
+
}
|
|
824
|
+
},
|
|
825
|
+
{
|
|
826
|
+
"kind": "method",
|
|
827
|
+
"name": "renderHeadingText",
|
|
828
|
+
"privacy": "protected",
|
|
829
|
+
"return": {
|
|
830
|
+
"type": {
|
|
831
|
+
"text": "TemplateResult | typeof nothing"
|
|
832
|
+
}
|
|
833
|
+
},
|
|
834
|
+
"inheritedFrom": {
|
|
835
|
+
"name": "AccordionButton",
|
|
836
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
837
|
+
}
|
|
838
|
+
},
|
|
839
|
+
{
|
|
840
|
+
"kind": "method",
|
|
841
|
+
"name": "getArrowIconName",
|
|
842
|
+
"privacy": "protected",
|
|
843
|
+
"return": {
|
|
844
|
+
"type": {
|
|
845
|
+
"text": ""
|
|
846
|
+
}
|
|
847
|
+
},
|
|
848
|
+
"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.",
|
|
849
|
+
"inheritedFrom": {
|
|
850
|
+
"name": "AccordionButton",
|
|
851
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
852
|
+
}
|
|
853
|
+
},
|
|
854
|
+
{
|
|
855
|
+
"kind": "method",
|
|
856
|
+
"name": "renderBody",
|
|
857
|
+
"privacy": "protected",
|
|
858
|
+
"return": {
|
|
859
|
+
"type": {
|
|
860
|
+
"text": "TemplateResult | typeof nothing"
|
|
861
|
+
}
|
|
862
|
+
},
|
|
863
|
+
"inheritedFrom": {
|
|
864
|
+
"name": "AccordionButton",
|
|
865
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
866
|
+
}
|
|
867
|
+
}
|
|
868
|
+
],
|
|
869
|
+
"events": [
|
|
870
|
+
{
|
|
871
|
+
"description": "(React: onShown) This event is triggered when the accordion is expanded.",
|
|
872
|
+
"name": "shown",
|
|
873
|
+
"reactName": "onShown",
|
|
874
|
+
"inheritedFrom": {
|
|
875
|
+
"name": "AccordionButton",
|
|
876
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
877
|
+
}
|
|
956
878
|
}
|
|
957
879
|
],
|
|
958
880
|
"attributes": [
|
|
881
|
+
{
|
|
882
|
+
"name": "open-button-aria-label",
|
|
883
|
+
"type": {
|
|
884
|
+
"text": "string | undefined"
|
|
885
|
+
},
|
|
886
|
+
"description": "Aria-label attribute for the trigger button when accordion is collapsed.",
|
|
887
|
+
"fieldName": "openButtonAriaLabel"
|
|
888
|
+
},
|
|
889
|
+
{
|
|
890
|
+
"name": "close-button-aria-label",
|
|
891
|
+
"type": {
|
|
892
|
+
"text": "string | undefined"
|
|
893
|
+
},
|
|
894
|
+
"description": "Aria-label attribute for the trigger button when accordion is expanded.",
|
|
895
|
+
"fieldName": "closeButtonAriaLabel"
|
|
896
|
+
},
|
|
897
|
+
{
|
|
898
|
+
"name": "disabled",
|
|
899
|
+
"type": {
|
|
900
|
+
"text": "boolean | undefined"
|
|
901
|
+
},
|
|
902
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
903
|
+
"default": "undefined",
|
|
904
|
+
"fieldName": "disabled",
|
|
905
|
+
"inheritedFrom": {
|
|
906
|
+
"name": "AccordionButton",
|
|
907
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
908
|
+
}
|
|
909
|
+
},
|
|
959
910
|
{
|
|
960
911
|
"name": "size",
|
|
961
912
|
"type": {
|
|
@@ -963,7 +914,11 @@
|
|
|
963
914
|
},
|
|
964
915
|
"description": "The size of the accordion item.",
|
|
965
916
|
"default": "'small'",
|
|
966
|
-
"fieldName": "size"
|
|
917
|
+
"fieldName": "size",
|
|
918
|
+
"inheritedFrom": {
|
|
919
|
+
"name": "AccordionButton",
|
|
920
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
921
|
+
}
|
|
967
922
|
},
|
|
968
923
|
{
|
|
969
924
|
"name": "variant",
|
|
@@ -971,25 +926,70 @@
|
|
|
971
926
|
"text": "Variant"
|
|
972
927
|
},
|
|
973
928
|
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
|
974
|
-
"default": "'
|
|
975
|
-
"fieldName": "variant"
|
|
929
|
+
"default": "'default'",
|
|
930
|
+
"fieldName": "variant",
|
|
931
|
+
"inheritedFrom": {
|
|
932
|
+
"name": "AccordionButton",
|
|
933
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
934
|
+
}
|
|
976
935
|
},
|
|
977
936
|
{
|
|
978
|
-
"name": "
|
|
937
|
+
"name": "data-aria-level",
|
|
938
|
+
"type": {
|
|
939
|
+
"text": "number"
|
|
940
|
+
},
|
|
941
|
+
"description": "The aria level of the accordion component.",
|
|
942
|
+
"default": "3",
|
|
943
|
+
"fieldName": "dataAriaLevel",
|
|
944
|
+
"inheritedFrom": {
|
|
945
|
+
"name": "AccordionButton",
|
|
946
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
947
|
+
}
|
|
948
|
+
},
|
|
949
|
+
{
|
|
950
|
+
"name": "expanded",
|
|
979
951
|
"type": {
|
|
980
952
|
"text": "boolean"
|
|
981
953
|
},
|
|
954
|
+
"description": "The visibility of the accordion button.",
|
|
982
955
|
"default": "false",
|
|
983
|
-
"
|
|
984
|
-
"
|
|
956
|
+
"fieldName": "expanded",
|
|
957
|
+
"inheritedFrom": {
|
|
958
|
+
"name": "AccordionButton",
|
|
959
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
960
|
+
}
|
|
961
|
+
},
|
|
962
|
+
{
|
|
963
|
+
"name": "header-text",
|
|
964
|
+
"type": {
|
|
965
|
+
"text": "string | undefined"
|
|
966
|
+
},
|
|
967
|
+
"description": "The header text of the accordion item.",
|
|
968
|
+
"fieldName": "headerText",
|
|
969
|
+
"inheritedFrom": {
|
|
970
|
+
"name": "AccordionButton",
|
|
971
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
972
|
+
}
|
|
973
|
+
},
|
|
974
|
+
{
|
|
975
|
+
"name": "prefix-icon",
|
|
976
|
+
"type": {
|
|
977
|
+
"text": "IconNames | undefined"
|
|
978
|
+
},
|
|
979
|
+
"description": "The leading icon that is displayed before the header text.",
|
|
980
|
+
"fieldName": "prefixIcon",
|
|
981
|
+
"inheritedFrom": {
|
|
982
|
+
"name": "AccordionButton",
|
|
983
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
984
|
+
}
|
|
985
985
|
}
|
|
986
986
|
],
|
|
987
987
|
"superclass": {
|
|
988
|
-
"name": "
|
|
989
|
-
"module": "/src/
|
|
988
|
+
"name": "AccordionButton",
|
|
989
|
+
"module": "/src/components/accordionbutton/accordionbutton.component"
|
|
990
990
|
},
|
|
991
|
-
"tagName": "mdc-
|
|
992
|
-
"jsDoc": "/**\n * An accordion
|
|
991
|
+
"tagName": "mdc-accordion",
|
|
992
|
+
"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 body-section - The body section of the accordion.\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 */",
|
|
993
993
|
"customElement": true
|
|
994
994
|
}
|
|
995
995
|
],
|
|
@@ -998,8 +998,8 @@
|
|
|
998
998
|
"kind": "js",
|
|
999
999
|
"name": "default",
|
|
1000
1000
|
"declaration": {
|
|
1001
|
-
"name": "
|
|
1002
|
-
"module": "components/
|
|
1001
|
+
"name": "Accordion",
|
|
1002
|
+
"module": "components/accordion/accordion.component.js"
|
|
1003
1003
|
}
|
|
1004
1004
|
}
|
|
1005
1005
|
]
|
|
@@ -12742,13 +12742,13 @@
|
|
|
12742
12742
|
},
|
|
12743
12743
|
{
|
|
12744
12744
|
"kind": "field",
|
|
12745
|
-
"name": "
|
|
12745
|
+
"name": "disableFlip",
|
|
12746
12746
|
"type": {
|
|
12747
12747
|
"text": "boolean"
|
|
12748
12748
|
},
|
|
12749
12749
|
"description": "Changes the placement of popover to keep it in view when scrolling.",
|
|
12750
|
-
"default": "
|
|
12751
|
-
"attribute": "flip",
|
|
12750
|
+
"default": "false",
|
|
12751
|
+
"attribute": "disable-flip",
|
|
12752
12752
|
"reflects": true,
|
|
12753
12753
|
"inheritedFrom": {
|
|
12754
12754
|
"name": "Popover",
|
|
@@ -13532,13 +13532,13 @@
|
|
|
13532
13532
|
}
|
|
13533
13533
|
},
|
|
13534
13534
|
{
|
|
13535
|
-
"name": "flip",
|
|
13535
|
+
"name": "disable-flip",
|
|
13536
13536
|
"type": {
|
|
13537
13537
|
"text": "boolean"
|
|
13538
13538
|
},
|
|
13539
13539
|
"description": "Changes the placement of popover to keep it in view when scrolling.",
|
|
13540
|
-
"default": "
|
|
13541
|
-
"fieldName": "
|
|
13540
|
+
"default": "false",
|
|
13541
|
+
"fieldName": "disableFlip",
|
|
13542
13542
|
"inheritedFrom": {
|
|
13543
13543
|
"name": "Popover",
|
|
13544
13544
|
"module": "src/components/popover/popover.component.ts"
|
|
@@ -19043,6 +19043,225 @@
|
|
|
19043
19043
|
}
|
|
19044
19044
|
]
|
|
19045
19045
|
},
|
|
19046
|
+
{
|
|
19047
|
+
"kind": "javascript-module",
|
|
19048
|
+
"path": "components/inputchip/inputchip.component.js",
|
|
19049
|
+
"declarations": [
|
|
19050
|
+
{
|
|
19051
|
+
"kind": "class",
|
|
19052
|
+
"description": "mdc-inputchip component is an interactive chip that consumers can use to represent an input.\n\n- It supports a leading icon along with label.\n- It supports a prefix slot for avatars (takes precedence over icon-name).\n- It supports an error state for validation.\n- It supports a close button to remove the chip.",
|
|
19053
|
+
"name": "InputChip",
|
|
19054
|
+
"cssProperties": [
|
|
19055
|
+
{
|
|
19056
|
+
"description": "The color of the chip.",
|
|
19057
|
+
"name": "--mdc-chip-color"
|
|
19058
|
+
},
|
|
19059
|
+
{
|
|
19060
|
+
"description": "The border color of the chip.",
|
|
19061
|
+
"name": "--mdc-chip-border-color"
|
|
19062
|
+
},
|
|
19063
|
+
{
|
|
19064
|
+
"description": "The background color of the chip.",
|
|
19065
|
+
"name": "--mdc-chip-background-color"
|
|
19066
|
+
}
|
|
19067
|
+
],
|
|
19068
|
+
"cssParts": [
|
|
19069
|
+
{
|
|
19070
|
+
"description": "The label part of the chip.",
|
|
19071
|
+
"name": "label"
|
|
19072
|
+
},
|
|
19073
|
+
{
|
|
19074
|
+
"description": "The icon part of the chip.",
|
|
19075
|
+
"name": "icon"
|
|
19076
|
+
},
|
|
19077
|
+
{
|
|
19078
|
+
"description": "The close icon part of the chip.",
|
|
19079
|
+
"name": "close-icon"
|
|
19080
|
+
}
|
|
19081
|
+
],
|
|
19082
|
+
"slots": [
|
|
19083
|
+
{
|
|
19084
|
+
"description": "A slot for prefix content such as avatars.",
|
|
19085
|
+
"name": "prefix"
|
|
19086
|
+
}
|
|
19087
|
+
],
|
|
19088
|
+
"members": [
|
|
19089
|
+
{
|
|
19090
|
+
"kind": "field",
|
|
19091
|
+
"name": "label",
|
|
19092
|
+
"type": {
|
|
19093
|
+
"text": "string"
|
|
19094
|
+
},
|
|
19095
|
+
"default": "''",
|
|
19096
|
+
"description": "The label of the inputchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
|
19097
|
+
"attribute": "label"
|
|
19098
|
+
},
|
|
19099
|
+
{
|
|
19100
|
+
"kind": "field",
|
|
19101
|
+
"name": "error",
|
|
19102
|
+
"type": {
|
|
19103
|
+
"text": "boolean"
|
|
19104
|
+
},
|
|
19105
|
+
"default": "false",
|
|
19106
|
+
"description": "The error state of the inputchip.",
|
|
19107
|
+
"attribute": "error"
|
|
19108
|
+
},
|
|
19109
|
+
{
|
|
19110
|
+
"kind": "field",
|
|
19111
|
+
"name": "clearAriaLabel",
|
|
19112
|
+
"type": {
|
|
19113
|
+
"text": "string"
|
|
19114
|
+
},
|
|
19115
|
+
"default": "''",
|
|
19116
|
+
"description": "The aria-label of the close button.",
|
|
19117
|
+
"attribute": "clear-aria-label"
|
|
19118
|
+
},
|
|
19119
|
+
{
|
|
19120
|
+
"kind": "method",
|
|
19121
|
+
"name": "renderPrefix",
|
|
19122
|
+
"privacy": "private",
|
|
19123
|
+
"description": "Renders the prefix content, supporting both icons and slot content.",
|
|
19124
|
+
"return": {
|
|
19125
|
+
"type": {
|
|
19126
|
+
"text": ""
|
|
19127
|
+
}
|
|
19128
|
+
}
|
|
19129
|
+
},
|
|
19130
|
+
{
|
|
19131
|
+
"kind": "method",
|
|
19132
|
+
"name": "handleClose",
|
|
19133
|
+
"privacy": "private",
|
|
19134
|
+
"description": "Handles the behavior of the close button on click event.",
|
|
19135
|
+
"parameters": [
|
|
19136
|
+
{
|
|
19137
|
+
"description": "The event object.",
|
|
19138
|
+
"name": "event"
|
|
19139
|
+
}
|
|
19140
|
+
]
|
|
19141
|
+
},
|
|
19142
|
+
{
|
|
19143
|
+
"kind": "field",
|
|
19144
|
+
"name": "iconName",
|
|
19145
|
+
"type": {
|
|
19146
|
+
"text": "IconNames | undefined"
|
|
19147
|
+
},
|
|
19148
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
19149
|
+
"attribute": "icon-name",
|
|
19150
|
+
"inheritedFrom": {
|
|
19151
|
+
"name": "IconNameMixin",
|
|
19152
|
+
"module": "utils/mixins/IconNameMixin.js"
|
|
19153
|
+
}
|
|
19154
|
+
},
|
|
19155
|
+
{
|
|
19156
|
+
"kind": "field",
|
|
19157
|
+
"name": "disabled",
|
|
19158
|
+
"type": {
|
|
19159
|
+
"text": "boolean | undefined"
|
|
19160
|
+
},
|
|
19161
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
19162
|
+
"default": "undefined",
|
|
19163
|
+
"attribute": "disabled",
|
|
19164
|
+
"reflects": true,
|
|
19165
|
+
"inheritedFrom": {
|
|
19166
|
+
"name": "DisabledMixin",
|
|
19167
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
19168
|
+
}
|
|
19169
|
+
}
|
|
19170
|
+
],
|
|
19171
|
+
"events": [
|
|
19172
|
+
{
|
|
19173
|
+
"name": "remove",
|
|
19174
|
+
"type": {
|
|
19175
|
+
"text": "CustomEvent"
|
|
19176
|
+
},
|
|
19177
|
+
"description": "This event is dispatched when the close button is activated. It bubbles and is composed.",
|
|
19178
|
+
"reactName": "onRemove"
|
|
19179
|
+
}
|
|
19180
|
+
],
|
|
19181
|
+
"attributes": [
|
|
19182
|
+
{
|
|
19183
|
+
"name": "label",
|
|
19184
|
+
"type": {
|
|
19185
|
+
"text": "string"
|
|
19186
|
+
},
|
|
19187
|
+
"default": "''",
|
|
19188
|
+
"description": "The label of the inputchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
|
19189
|
+
"fieldName": "label"
|
|
19190
|
+
},
|
|
19191
|
+
{
|
|
19192
|
+
"name": "error",
|
|
19193
|
+
"type": {
|
|
19194
|
+
"text": "boolean"
|
|
19195
|
+
},
|
|
19196
|
+
"default": "false",
|
|
19197
|
+
"description": "The error state of the inputchip.",
|
|
19198
|
+
"fieldName": "error"
|
|
19199
|
+
},
|
|
19200
|
+
{
|
|
19201
|
+
"name": "clear-aria-label",
|
|
19202
|
+
"type": {
|
|
19203
|
+
"text": "string"
|
|
19204
|
+
},
|
|
19205
|
+
"default": "''",
|
|
19206
|
+
"description": "The aria-label of the close button.",
|
|
19207
|
+
"fieldName": "clearAriaLabel"
|
|
19208
|
+
},
|
|
19209
|
+
{
|
|
19210
|
+
"name": "icon-name",
|
|
19211
|
+
"type": {
|
|
19212
|
+
"text": "IconNames | undefined"
|
|
19213
|
+
},
|
|
19214
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
19215
|
+
"fieldName": "iconName",
|
|
19216
|
+
"inheritedFrom": {
|
|
19217
|
+
"name": "IconNameMixin",
|
|
19218
|
+
"module": "src/utils/mixins/IconNameMixin.ts"
|
|
19219
|
+
}
|
|
19220
|
+
},
|
|
19221
|
+
{
|
|
19222
|
+
"name": "disabled",
|
|
19223
|
+
"type": {
|
|
19224
|
+
"text": "boolean | undefined"
|
|
19225
|
+
},
|
|
19226
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
19227
|
+
"default": "undefined",
|
|
19228
|
+
"fieldName": "disabled",
|
|
19229
|
+
"inheritedFrom": {
|
|
19230
|
+
"name": "DisabledMixin",
|
|
19231
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
19232
|
+
}
|
|
19233
|
+
}
|
|
19234
|
+
],
|
|
19235
|
+
"mixins": [
|
|
19236
|
+
{
|
|
19237
|
+
"name": "IconNameMixin",
|
|
19238
|
+
"module": "/src/utils/mixins/IconNameMixin"
|
|
19239
|
+
},
|
|
19240
|
+
{
|
|
19241
|
+
"name": "DisabledMixin",
|
|
19242
|
+
"module": "/src/utils/mixins/DisabledMixin"
|
|
19243
|
+
}
|
|
19244
|
+
],
|
|
19245
|
+
"superclass": {
|
|
19246
|
+
"name": "Component",
|
|
19247
|
+
"module": "/src/models"
|
|
19248
|
+
},
|
|
19249
|
+
"tagName": "mdc-inputchip",
|
|
19250
|
+
"jsDoc": "/**\n * mdc-inputchip component is an interactive chip that consumers can use to represent an input.\n *\n * - It supports a leading icon along with label.\n * - It supports a prefix slot for avatars (takes precedence over icon-name).\n * - It supports an error state for validation.\n * - It supports a close button to remove the chip.\n *\n * @tagname mdc-inputchip\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @event remove - This event is dispatched when the close button is activated. It bubbles and is composed.\n *\n * @slot prefix - A slot for prefix content such as avatars.\n *\n * @csspart label - The label part of the chip.\n * @csspart icon - The icon part of the chip.\n * @csspart close-icon - The close icon part of the chip.\n *\n * @cssproperty --mdc-chip-color - The color of the chip.\n * @cssproperty --mdc-chip-border-color - The border color of the chip.\n * @cssproperty --mdc-chip-background-color - The background color of the chip.\n *\n */",
|
|
19251
|
+
"customElement": true
|
|
19252
|
+
}
|
|
19253
|
+
],
|
|
19254
|
+
"exports": [
|
|
19255
|
+
{
|
|
19256
|
+
"kind": "js",
|
|
19257
|
+
"name": "default",
|
|
19258
|
+
"declaration": {
|
|
19259
|
+
"name": "InputChip",
|
|
19260
|
+
"module": "components/inputchip/inputchip.component.js"
|
|
19261
|
+
}
|
|
19262
|
+
}
|
|
19263
|
+
]
|
|
19264
|
+
},
|
|
19046
19265
|
{
|
|
19047
19266
|
"kind": "javascript-module",
|
|
19048
19267
|
"path": "components/input/input.component.js",
|
|
@@ -20271,225 +20490,6 @@
|
|
|
20271
20490
|
}
|
|
20272
20491
|
]
|
|
20273
20492
|
},
|
|
20274
|
-
{
|
|
20275
|
-
"kind": "javascript-module",
|
|
20276
|
-
"path": "components/inputchip/inputchip.component.js",
|
|
20277
|
-
"declarations": [
|
|
20278
|
-
{
|
|
20279
|
-
"kind": "class",
|
|
20280
|
-
"description": "mdc-inputchip component is an interactive chip that consumers can use to represent an input.\n\n- It supports a leading icon along with label.\n- It supports a prefix slot for avatars (takes precedence over icon-name).\n- It supports an error state for validation.\n- It supports a close button to remove the chip.",
|
|
20281
|
-
"name": "InputChip",
|
|
20282
|
-
"cssProperties": [
|
|
20283
|
-
{
|
|
20284
|
-
"description": "The color of the chip.",
|
|
20285
|
-
"name": "--mdc-chip-color"
|
|
20286
|
-
},
|
|
20287
|
-
{
|
|
20288
|
-
"description": "The border color of the chip.",
|
|
20289
|
-
"name": "--mdc-chip-border-color"
|
|
20290
|
-
},
|
|
20291
|
-
{
|
|
20292
|
-
"description": "The background color of the chip.",
|
|
20293
|
-
"name": "--mdc-chip-background-color"
|
|
20294
|
-
}
|
|
20295
|
-
],
|
|
20296
|
-
"cssParts": [
|
|
20297
|
-
{
|
|
20298
|
-
"description": "The label part of the chip.",
|
|
20299
|
-
"name": "label"
|
|
20300
|
-
},
|
|
20301
|
-
{
|
|
20302
|
-
"description": "The icon part of the chip.",
|
|
20303
|
-
"name": "icon"
|
|
20304
|
-
},
|
|
20305
|
-
{
|
|
20306
|
-
"description": "The close icon part of the chip.",
|
|
20307
|
-
"name": "close-icon"
|
|
20308
|
-
}
|
|
20309
|
-
],
|
|
20310
|
-
"slots": [
|
|
20311
|
-
{
|
|
20312
|
-
"description": "A slot for prefix content such as avatars.",
|
|
20313
|
-
"name": "prefix"
|
|
20314
|
-
}
|
|
20315
|
-
],
|
|
20316
|
-
"members": [
|
|
20317
|
-
{
|
|
20318
|
-
"kind": "field",
|
|
20319
|
-
"name": "label",
|
|
20320
|
-
"type": {
|
|
20321
|
-
"text": "string"
|
|
20322
|
-
},
|
|
20323
|
-
"default": "''",
|
|
20324
|
-
"description": "The label of the inputchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
|
20325
|
-
"attribute": "label"
|
|
20326
|
-
},
|
|
20327
|
-
{
|
|
20328
|
-
"kind": "field",
|
|
20329
|
-
"name": "error",
|
|
20330
|
-
"type": {
|
|
20331
|
-
"text": "boolean"
|
|
20332
|
-
},
|
|
20333
|
-
"default": "false",
|
|
20334
|
-
"description": "The error state of the inputchip.",
|
|
20335
|
-
"attribute": "error"
|
|
20336
|
-
},
|
|
20337
|
-
{
|
|
20338
|
-
"kind": "field",
|
|
20339
|
-
"name": "clearAriaLabel",
|
|
20340
|
-
"type": {
|
|
20341
|
-
"text": "string"
|
|
20342
|
-
},
|
|
20343
|
-
"default": "''",
|
|
20344
|
-
"description": "The aria-label of the close button.",
|
|
20345
|
-
"attribute": "clear-aria-label"
|
|
20346
|
-
},
|
|
20347
|
-
{
|
|
20348
|
-
"kind": "method",
|
|
20349
|
-
"name": "renderPrefix",
|
|
20350
|
-
"privacy": "private",
|
|
20351
|
-
"description": "Renders the prefix content, supporting both icons and slot content.",
|
|
20352
|
-
"return": {
|
|
20353
|
-
"type": {
|
|
20354
|
-
"text": ""
|
|
20355
|
-
}
|
|
20356
|
-
}
|
|
20357
|
-
},
|
|
20358
|
-
{
|
|
20359
|
-
"kind": "method",
|
|
20360
|
-
"name": "handleClose",
|
|
20361
|
-
"privacy": "private",
|
|
20362
|
-
"description": "Handles the behavior of the close button on click event.",
|
|
20363
|
-
"parameters": [
|
|
20364
|
-
{
|
|
20365
|
-
"description": "The event object.",
|
|
20366
|
-
"name": "event"
|
|
20367
|
-
}
|
|
20368
|
-
]
|
|
20369
|
-
},
|
|
20370
|
-
{
|
|
20371
|
-
"kind": "field",
|
|
20372
|
-
"name": "iconName",
|
|
20373
|
-
"type": {
|
|
20374
|
-
"text": "IconNames | undefined"
|
|
20375
|
-
},
|
|
20376
|
-
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
20377
|
-
"attribute": "icon-name",
|
|
20378
|
-
"inheritedFrom": {
|
|
20379
|
-
"name": "IconNameMixin",
|
|
20380
|
-
"module": "utils/mixins/IconNameMixin.js"
|
|
20381
|
-
}
|
|
20382
|
-
},
|
|
20383
|
-
{
|
|
20384
|
-
"kind": "field",
|
|
20385
|
-
"name": "disabled",
|
|
20386
|
-
"type": {
|
|
20387
|
-
"text": "boolean | undefined"
|
|
20388
|
-
},
|
|
20389
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
20390
|
-
"default": "undefined",
|
|
20391
|
-
"attribute": "disabled",
|
|
20392
|
-
"reflects": true,
|
|
20393
|
-
"inheritedFrom": {
|
|
20394
|
-
"name": "DisabledMixin",
|
|
20395
|
-
"module": "utils/mixins/DisabledMixin.js"
|
|
20396
|
-
}
|
|
20397
|
-
}
|
|
20398
|
-
],
|
|
20399
|
-
"events": [
|
|
20400
|
-
{
|
|
20401
|
-
"name": "remove",
|
|
20402
|
-
"type": {
|
|
20403
|
-
"text": "CustomEvent"
|
|
20404
|
-
},
|
|
20405
|
-
"description": "This event is dispatched when the close button is activated. It bubbles and is composed.",
|
|
20406
|
-
"reactName": "onRemove"
|
|
20407
|
-
}
|
|
20408
|
-
],
|
|
20409
|
-
"attributes": [
|
|
20410
|
-
{
|
|
20411
|
-
"name": "label",
|
|
20412
|
-
"type": {
|
|
20413
|
-
"text": "string"
|
|
20414
|
-
},
|
|
20415
|
-
"default": "''",
|
|
20416
|
-
"description": "The label of the inputchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
|
20417
|
-
"fieldName": "label"
|
|
20418
|
-
},
|
|
20419
|
-
{
|
|
20420
|
-
"name": "error",
|
|
20421
|
-
"type": {
|
|
20422
|
-
"text": "boolean"
|
|
20423
|
-
},
|
|
20424
|
-
"default": "false",
|
|
20425
|
-
"description": "The error state of the inputchip.",
|
|
20426
|
-
"fieldName": "error"
|
|
20427
|
-
},
|
|
20428
|
-
{
|
|
20429
|
-
"name": "clear-aria-label",
|
|
20430
|
-
"type": {
|
|
20431
|
-
"text": "string"
|
|
20432
|
-
},
|
|
20433
|
-
"default": "''",
|
|
20434
|
-
"description": "The aria-label of the close button.",
|
|
20435
|
-
"fieldName": "clearAriaLabel"
|
|
20436
|
-
},
|
|
20437
|
-
{
|
|
20438
|
-
"name": "icon-name",
|
|
20439
|
-
"type": {
|
|
20440
|
-
"text": "IconNames | undefined"
|
|
20441
|
-
},
|
|
20442
|
-
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
20443
|
-
"fieldName": "iconName",
|
|
20444
|
-
"inheritedFrom": {
|
|
20445
|
-
"name": "IconNameMixin",
|
|
20446
|
-
"module": "src/utils/mixins/IconNameMixin.ts"
|
|
20447
|
-
}
|
|
20448
|
-
},
|
|
20449
|
-
{
|
|
20450
|
-
"name": "disabled",
|
|
20451
|
-
"type": {
|
|
20452
|
-
"text": "boolean | undefined"
|
|
20453
|
-
},
|
|
20454
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
20455
|
-
"default": "undefined",
|
|
20456
|
-
"fieldName": "disabled",
|
|
20457
|
-
"inheritedFrom": {
|
|
20458
|
-
"name": "DisabledMixin",
|
|
20459
|
-
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
20460
|
-
}
|
|
20461
|
-
}
|
|
20462
|
-
],
|
|
20463
|
-
"mixins": [
|
|
20464
|
-
{
|
|
20465
|
-
"name": "IconNameMixin",
|
|
20466
|
-
"module": "/src/utils/mixins/IconNameMixin"
|
|
20467
|
-
},
|
|
20468
|
-
{
|
|
20469
|
-
"name": "DisabledMixin",
|
|
20470
|
-
"module": "/src/utils/mixins/DisabledMixin"
|
|
20471
|
-
}
|
|
20472
|
-
],
|
|
20473
|
-
"superclass": {
|
|
20474
|
-
"name": "Component",
|
|
20475
|
-
"module": "/src/models"
|
|
20476
|
-
},
|
|
20477
|
-
"tagName": "mdc-inputchip",
|
|
20478
|
-
"jsDoc": "/**\n * mdc-inputchip component is an interactive chip that consumers can use to represent an input.\n *\n * - It supports a leading icon along with label.\n * - It supports a prefix slot for avatars (takes precedence over icon-name).\n * - It supports an error state for validation.\n * - It supports a close button to remove the chip.\n *\n * @tagname mdc-inputchip\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @event remove - This event is dispatched when the close button is activated. It bubbles and is composed.\n *\n * @slot prefix - A slot for prefix content such as avatars.\n *\n * @csspart label - The label part of the chip.\n * @csspart icon - The icon part of the chip.\n * @csspart close-icon - The close icon part of the chip.\n *\n * @cssproperty --mdc-chip-color - The color of the chip.\n * @cssproperty --mdc-chip-border-color - The border color of the chip.\n * @cssproperty --mdc-chip-background-color - The background color of the chip.\n *\n */",
|
|
20479
|
-
"customElement": true
|
|
20480
|
-
}
|
|
20481
|
-
],
|
|
20482
|
-
"exports": [
|
|
20483
|
-
{
|
|
20484
|
-
"kind": "js",
|
|
20485
|
-
"name": "default",
|
|
20486
|
-
"declaration": {
|
|
20487
|
-
"name": "InputChip",
|
|
20488
|
-
"module": "components/inputchip/inputchip.component.js"
|
|
20489
|
-
}
|
|
20490
|
-
}
|
|
20491
|
-
]
|
|
20492
|
-
},
|
|
20493
20493
|
{
|
|
20494
20494
|
"kind": "javascript-module",
|
|
20495
20495
|
"path": "components/link/link.component.js",
|
|
@@ -22407,313 +22407,6 @@
|
|
|
22407
22407
|
}
|
|
22408
22408
|
]
|
|
22409
22409
|
},
|
|
22410
|
-
{
|
|
22411
|
-
"kind": "javascript-module",
|
|
22412
|
-
"path": "components/listbox/listbox.component.js",
|
|
22413
|
-
"declarations": [
|
|
22414
|
-
{
|
|
22415
|
-
"kind": "class",
|
|
22416
|
-
"description": "listbox component presents a list of options and allows a user to select one of them.\n\nNotes:\n- This is a standalone listbox component. Select has its own mdc-selectlistbox component.\n- this component has name and value attributes and also emits change event,\n but it is not a form control (yet).",
|
|
22417
|
-
"name": "ListBox",
|
|
22418
|
-
"cssProperties": [
|
|
22419
|
-
{
|
|
22420
|
-
"description": "max height of the listbox",
|
|
22421
|
-
"name": "--mdc-listbox-max-height"
|
|
22422
|
-
}
|
|
22423
|
-
],
|
|
22424
|
-
"cssParts": [
|
|
22425
|
-
{
|
|
22426
|
-
"description": "The container of the listbox",
|
|
22427
|
-
"name": "container"
|
|
22428
|
-
}
|
|
22429
|
-
],
|
|
22430
|
-
"slots": [
|
|
22431
|
-
{
|
|
22432
|
-
"description": "This is a default/unnamed slot, where options and optgroups are placed",
|
|
22433
|
-
"name": "default"
|
|
22434
|
-
}
|
|
22435
|
-
],
|
|
22436
|
-
"members": [
|
|
22437
|
-
{
|
|
22438
|
-
"kind": "field",
|
|
22439
|
-
"name": "name",
|
|
22440
|
-
"type": {
|
|
22441
|
-
"text": "undefined | string | undefined"
|
|
22442
|
-
},
|
|
22443
|
-
"default": "undefined",
|
|
22444
|
-
"description": "The name attribute is used to identify the listbox",
|
|
22445
|
-
"attribute": "name",
|
|
22446
|
-
"reflects": true
|
|
22447
|
-
},
|
|
22448
|
-
{
|
|
22449
|
-
"kind": "field",
|
|
22450
|
-
"name": "value",
|
|
22451
|
-
"type": {
|
|
22452
|
-
"text": "undefined | string | undefined"
|
|
22453
|
-
},
|
|
22454
|
-
"default": "undefined",
|
|
22455
|
-
"description": "The value attribute is used to represent the last selected option's value in the listbox.",
|
|
22456
|
-
"attribute": "value",
|
|
22457
|
-
"reflects": true
|
|
22458
|
-
},
|
|
22459
|
-
{
|
|
22460
|
-
"kind": "method",
|
|
22461
|
-
"name": "setSelectedOption",
|
|
22462
|
-
"privacy": "private",
|
|
22463
|
-
"return": {
|
|
22464
|
-
"type": {
|
|
22465
|
-
"text": "void"
|
|
22466
|
-
}
|
|
22467
|
-
},
|
|
22468
|
-
"parameters": [
|
|
22469
|
-
{
|
|
22470
|
-
"name": "option",
|
|
22471
|
-
"optional": true,
|
|
22472
|
-
"type": {
|
|
22473
|
-
"text": "Option | null"
|
|
22474
|
-
},
|
|
22475
|
-
"description": "The option element in DOM which gets selected."
|
|
22476
|
-
},
|
|
22477
|
-
{
|
|
22478
|
-
"name": "fireEvent",
|
|
22479
|
-
"default": "true",
|
|
22480
|
-
"description": "A boolean flag to indicate whether to fire the change event or not."
|
|
22481
|
-
},
|
|
22482
|
-
{
|
|
22483
|
-
"name": "updateOptions",
|
|
22484
|
-
"default": "true",
|
|
22485
|
-
"description": "Whether update the other options or not"
|
|
22486
|
-
}
|
|
22487
|
-
],
|
|
22488
|
-
"description": "When an option is selected, this method updates local and options' DOM state and fires the change event."
|
|
22489
|
-
},
|
|
22490
|
-
{
|
|
22491
|
-
"kind": "method",
|
|
22492
|
-
"name": "updateSelectedInChildOptions",
|
|
22493
|
-
"privacy": "private",
|
|
22494
|
-
"return": {
|
|
22495
|
-
"type": {
|
|
22496
|
-
"text": "void"
|
|
22497
|
-
}
|
|
22498
|
-
},
|
|
22499
|
-
"parameters": [
|
|
22500
|
-
{
|
|
22501
|
-
"name": "selectedOption",
|
|
22502
|
-
"optional": true,
|
|
22503
|
-
"type": {
|
|
22504
|
-
"text": "Option | null"
|
|
22505
|
-
},
|
|
22506
|
-
"description": "The option which gets selected"
|
|
22507
|
-
}
|
|
22508
|
-
],
|
|
22509
|
-
"description": "Update all options selection state in the DDM."
|
|
22510
|
-
},
|
|
22511
|
-
{
|
|
22512
|
-
"kind": "method",
|
|
22513
|
-
"name": "fireEvents",
|
|
22514
|
-
"privacy": "private",
|
|
22515
|
-
"return": {
|
|
22516
|
-
"type": {
|
|
22517
|
-
"text": "void"
|
|
22518
|
-
}
|
|
22519
|
-
},
|
|
22520
|
-
"description": "Dispatch change event when an option is selected."
|
|
22521
|
-
},
|
|
22522
|
-
{
|
|
22523
|
-
"kind": "method",
|
|
22524
|
-
"name": "setInitialFocus",
|
|
22525
|
-
"privacy": "protected",
|
|
22526
|
-
"inheritedFrom": {
|
|
22527
|
-
"name": "ListNavigationMixin",
|
|
22528
|
-
"module": "utils/mixins/ListNavigationMixin.js"
|
|
22529
|
-
}
|
|
22530
|
-
},
|
|
22531
|
-
{
|
|
22532
|
-
"kind": "method",
|
|
22533
|
-
"name": "getCurrentIndex",
|
|
22534
|
-
"privacy": "private",
|
|
22535
|
-
"return": {
|
|
22536
|
-
"type": {
|
|
22537
|
-
"text": ""
|
|
22538
|
-
}
|
|
22539
|
-
},
|
|
22540
|
-
"parameters": [
|
|
22541
|
-
{
|
|
22542
|
-
"name": "target",
|
|
22543
|
-
"type": {
|
|
22544
|
-
"text": "HTMLElement | null"
|
|
22545
|
-
},
|
|
22546
|
-
"description": "The target element that triggered the event."
|
|
22547
|
-
}
|
|
22548
|
-
],
|
|
22549
|
-
"description": "Retrieves the current index of the item that triggered the event.",
|
|
22550
|
-
"inheritedFrom": {
|
|
22551
|
-
"name": "ListNavigationMixin",
|
|
22552
|
-
"module": "utils/mixins/ListNavigationMixin.js"
|
|
22553
|
-
}
|
|
22554
|
-
},
|
|
22555
|
-
{
|
|
22556
|
-
"kind": "method",
|
|
22557
|
-
"name": "resetTabIndexes",
|
|
22558
|
-
"privacy": "protected",
|
|
22559
|
-
"parameters": [
|
|
22560
|
-
{
|
|
22561
|
-
"name": "index",
|
|
22562
|
-
"type": {
|
|
22563
|
-
"text": "number"
|
|
22564
|
-
},
|
|
22565
|
-
"description": "The index of the currently focused item."
|
|
22566
|
-
},
|
|
22567
|
-
{
|
|
22568
|
-
"name": "focusElement",
|
|
22569
|
-
"default": "true",
|
|
22570
|
-
"description": "Call focus() on the current item or not."
|
|
22571
|
-
}
|
|
22572
|
-
],
|
|
22573
|
-
"description": "Reset all tabindex to -1 and set the tabindex of the current item to 0",
|
|
22574
|
-
"inheritedFrom": {
|
|
22575
|
-
"name": "ListNavigationMixin",
|
|
22576
|
-
"module": "utils/mixins/ListNavigationMixin.js"
|
|
22577
|
-
}
|
|
22578
|
-
},
|
|
22579
|
-
{
|
|
22580
|
-
"kind": "method",
|
|
22581
|
-
"name": "resetTabIndexAndSetFocus",
|
|
22582
|
-
"privacy": "protected",
|
|
22583
|
-
"parameters": [
|
|
22584
|
-
{
|
|
22585
|
-
"name": "newIndex",
|
|
22586
|
-
"type": {
|
|
22587
|
-
"text": "number"
|
|
22588
|
-
},
|
|
22589
|
-
"description": "The index of the new item to focus."
|
|
22590
|
-
},
|
|
22591
|
-
{
|
|
22592
|
-
"name": "oldIndex",
|
|
22593
|
-
"optional": true,
|
|
22594
|
-
"type": {
|
|
22595
|
-
"text": "number"
|
|
22596
|
-
},
|
|
22597
|
-
"description": "The index of the currently focused item."
|
|
22598
|
-
},
|
|
22599
|
-
{
|
|
22600
|
-
"name": "focusNewItem",
|
|
22601
|
-
"default": "true",
|
|
22602
|
-
"description": "Call focus() on the new item or not. It should be false during firstUpdate"
|
|
22603
|
-
}
|
|
22604
|
-
],
|
|
22605
|
-
"description": "Resets the tabindex of the currently focused item and sets focus to a new item.",
|
|
22606
|
-
"return": {
|
|
22607
|
-
"type": {
|
|
22608
|
-
"text": ""
|
|
22609
|
-
}
|
|
22610
|
-
},
|
|
22611
|
-
"inheritedFrom": {
|
|
22612
|
-
"name": "ListNavigationMixin",
|
|
22613
|
-
"module": "utils/mixins/ListNavigationMixin.js"
|
|
22614
|
-
}
|
|
22615
|
-
},
|
|
22616
|
-
{
|
|
22617
|
-
"kind": "method",
|
|
22618
|
-
"name": "resolveDirectionKey",
|
|
22619
|
-
"privacy": "private",
|
|
22620
|
-
"parameters": [
|
|
22621
|
-
{
|
|
22622
|
-
"name": "key",
|
|
22623
|
-
"type": {
|
|
22624
|
-
"text": "string"
|
|
22625
|
-
},
|
|
22626
|
-
"description": "The key pressed by the user."
|
|
22627
|
-
},
|
|
22628
|
-
{
|
|
22629
|
-
"name": "isRtl",
|
|
22630
|
-
"type": {
|
|
22631
|
-
"text": "boolean"
|
|
22632
|
-
},
|
|
22633
|
-
"description": "A boolean indicating if the layout is right-to-left (RTL)."
|
|
22634
|
-
}
|
|
22635
|
-
],
|
|
22636
|
-
"description": "Resolves the key pressed by the user based on the direction of the layout.\nThis method is used to handle keyboard navigation in a right-to-left (RTL) layout.\nIt checks if the layout is RTL and adjusts the arrow keys accordingly.\nFor example, in RTL, the left arrow key behaves like the right arrow key and vice versa.",
|
|
22637
|
-
"return": {
|
|
22638
|
-
"type": {
|
|
22639
|
-
"text": ""
|
|
22640
|
-
}
|
|
22641
|
-
},
|
|
22642
|
-
"inheritedFrom": {
|
|
22643
|
-
"name": "ListNavigationMixin",
|
|
22644
|
-
"module": "utils/mixins/ListNavigationMixin.js"
|
|
22645
|
-
}
|
|
22646
|
-
},
|
|
22647
|
-
{
|
|
22648
|
-
"kind": "method",
|
|
22649
|
-
"name": "shouldLoop",
|
|
22650
|
-
"privacy": "private",
|
|
22651
|
-
"inheritedFrom": {
|
|
22652
|
-
"name": "ListNavigationMixin",
|
|
22653
|
-
"module": "utils/mixins/ListNavigationMixin.js"
|
|
22654
|
-
}
|
|
22655
|
-
}
|
|
22656
|
-
],
|
|
22657
|
-
"events": [
|
|
22658
|
-
{
|
|
22659
|
-
"name": "change",
|
|
22660
|
-
"type": {
|
|
22661
|
-
"text": "Event"
|
|
22662
|
-
},
|
|
22663
|
-
"description": "(React: onChange) This event is emitted when the selected item changed",
|
|
22664
|
-
"reactName": "onChange"
|
|
22665
|
-
}
|
|
22666
|
-
],
|
|
22667
|
-
"attributes": [
|
|
22668
|
-
{
|
|
22669
|
-
"name": "name",
|
|
22670
|
-
"type": {
|
|
22671
|
-
"text": "undefined | string | undefined"
|
|
22672
|
-
},
|
|
22673
|
-
"default": "undefined",
|
|
22674
|
-
"description": "The name attribute is used to identify the listbox",
|
|
22675
|
-
"fieldName": "name"
|
|
22676
|
-
},
|
|
22677
|
-
{
|
|
22678
|
-
"name": "value",
|
|
22679
|
-
"type": {
|
|
22680
|
-
"text": "undefined | string | undefined"
|
|
22681
|
-
},
|
|
22682
|
-
"default": "undefined",
|
|
22683
|
-
"description": "The value attribute is used to represent the last selected option's value in the listbox.",
|
|
22684
|
-
"fieldName": "value"
|
|
22685
|
-
}
|
|
22686
|
-
],
|
|
22687
|
-
"mixins": [
|
|
22688
|
-
{
|
|
22689
|
-
"name": "ListNavigationMixin",
|
|
22690
|
-
"module": "/src/utils/mixins/ListNavigationMixin"
|
|
22691
|
-
},
|
|
22692
|
-
{
|
|
22693
|
-
"name": "CaptureDestroyEventForChildElement",
|
|
22694
|
-
"module": "/src/utils/mixins/lifecycle/CaptureDestroyEventForChildElement"
|
|
22695
|
-
}
|
|
22696
|
-
],
|
|
22697
|
-
"superclass": {
|
|
22698
|
-
"name": "Component",
|
|
22699
|
-
"module": "/src/models"
|
|
22700
|
-
},
|
|
22701
|
-
"tagName": "mdc-listbox",
|
|
22702
|
-
"jsDoc": "/**\n * listbox component presents a list of options and allows a user to select one of them.\n *\n * Notes:\n * - This is a standalone listbox component. Select has its own mdc-selectlistbox component.\n * - this component has name and value attributes and also emits change event,\n * but it is not a form control (yet).\n *\n * @dependency mdc-list\n * @dependency mdc-icon\n * @dependency mdc-text\n * @dependency mdc-option\n * @dependency mdc-optgroup\n *\n * @tagname mdc-listbox\n *\n * @cssproperty --mdc-listbox-max-height - max height of the listbox\n *\n * @slot default - This is a default/unnamed slot, where options and optgroups are placed\n *\n * @csspart container - The container of the listbox\n *\n * @event change - (React: onChange) This event is emitted when the selected item changed\n */",
|
|
22703
|
-
"customElement": true
|
|
22704
|
-
}
|
|
22705
|
-
],
|
|
22706
|
-
"exports": [
|
|
22707
|
-
{
|
|
22708
|
-
"kind": "js",
|
|
22709
|
-
"name": "default",
|
|
22710
|
-
"declaration": {
|
|
22711
|
-
"name": "ListBox",
|
|
22712
|
-
"module": "components/listbox/listbox.component.js"
|
|
22713
|
-
}
|
|
22714
|
-
}
|
|
22715
|
-
]
|
|
22716
|
-
},
|
|
22717
22410
|
{
|
|
22718
22411
|
"kind": "javascript-module",
|
|
22719
22412
|
"path": "components/listheader/listheader.component.js",
|
|
@@ -23425,6 +23118,313 @@
|
|
|
23425
23118
|
}
|
|
23426
23119
|
]
|
|
23427
23120
|
},
|
|
23121
|
+
{
|
|
23122
|
+
"kind": "javascript-module",
|
|
23123
|
+
"path": "components/listbox/listbox.component.js",
|
|
23124
|
+
"declarations": [
|
|
23125
|
+
{
|
|
23126
|
+
"kind": "class",
|
|
23127
|
+
"description": "listbox component presents a list of options and allows a user to select one of them.\n\nNotes:\n- This is a standalone listbox component. Select has its own mdc-selectlistbox component.\n- this component has name and value attributes and also emits change event,\n but it is not a form control (yet).",
|
|
23128
|
+
"name": "ListBox",
|
|
23129
|
+
"cssProperties": [
|
|
23130
|
+
{
|
|
23131
|
+
"description": "max height of the listbox",
|
|
23132
|
+
"name": "--mdc-listbox-max-height"
|
|
23133
|
+
}
|
|
23134
|
+
],
|
|
23135
|
+
"cssParts": [
|
|
23136
|
+
{
|
|
23137
|
+
"description": "The container of the listbox",
|
|
23138
|
+
"name": "container"
|
|
23139
|
+
}
|
|
23140
|
+
],
|
|
23141
|
+
"slots": [
|
|
23142
|
+
{
|
|
23143
|
+
"description": "This is a default/unnamed slot, where options and optgroups are placed",
|
|
23144
|
+
"name": "default"
|
|
23145
|
+
}
|
|
23146
|
+
],
|
|
23147
|
+
"members": [
|
|
23148
|
+
{
|
|
23149
|
+
"kind": "field",
|
|
23150
|
+
"name": "name",
|
|
23151
|
+
"type": {
|
|
23152
|
+
"text": "undefined | string | undefined"
|
|
23153
|
+
},
|
|
23154
|
+
"default": "undefined",
|
|
23155
|
+
"description": "The name attribute is used to identify the listbox",
|
|
23156
|
+
"attribute": "name",
|
|
23157
|
+
"reflects": true
|
|
23158
|
+
},
|
|
23159
|
+
{
|
|
23160
|
+
"kind": "field",
|
|
23161
|
+
"name": "value",
|
|
23162
|
+
"type": {
|
|
23163
|
+
"text": "undefined | string | undefined"
|
|
23164
|
+
},
|
|
23165
|
+
"default": "undefined",
|
|
23166
|
+
"description": "The value attribute is used to represent the last selected option's value in the listbox.",
|
|
23167
|
+
"attribute": "value",
|
|
23168
|
+
"reflects": true
|
|
23169
|
+
},
|
|
23170
|
+
{
|
|
23171
|
+
"kind": "method",
|
|
23172
|
+
"name": "setSelectedOption",
|
|
23173
|
+
"privacy": "private",
|
|
23174
|
+
"return": {
|
|
23175
|
+
"type": {
|
|
23176
|
+
"text": "void"
|
|
23177
|
+
}
|
|
23178
|
+
},
|
|
23179
|
+
"parameters": [
|
|
23180
|
+
{
|
|
23181
|
+
"name": "option",
|
|
23182
|
+
"optional": true,
|
|
23183
|
+
"type": {
|
|
23184
|
+
"text": "Option | null"
|
|
23185
|
+
},
|
|
23186
|
+
"description": "The option element in DOM which gets selected."
|
|
23187
|
+
},
|
|
23188
|
+
{
|
|
23189
|
+
"name": "fireEvent",
|
|
23190
|
+
"default": "true",
|
|
23191
|
+
"description": "A boolean flag to indicate whether to fire the change event or not."
|
|
23192
|
+
},
|
|
23193
|
+
{
|
|
23194
|
+
"name": "updateOptions",
|
|
23195
|
+
"default": "true",
|
|
23196
|
+
"description": "Whether update the other options or not"
|
|
23197
|
+
}
|
|
23198
|
+
],
|
|
23199
|
+
"description": "When an option is selected, this method updates local and options' DOM state and fires the change event."
|
|
23200
|
+
},
|
|
23201
|
+
{
|
|
23202
|
+
"kind": "method",
|
|
23203
|
+
"name": "updateSelectedInChildOptions",
|
|
23204
|
+
"privacy": "private",
|
|
23205
|
+
"return": {
|
|
23206
|
+
"type": {
|
|
23207
|
+
"text": "void"
|
|
23208
|
+
}
|
|
23209
|
+
},
|
|
23210
|
+
"parameters": [
|
|
23211
|
+
{
|
|
23212
|
+
"name": "selectedOption",
|
|
23213
|
+
"optional": true,
|
|
23214
|
+
"type": {
|
|
23215
|
+
"text": "Option | null"
|
|
23216
|
+
},
|
|
23217
|
+
"description": "The option which gets selected"
|
|
23218
|
+
}
|
|
23219
|
+
],
|
|
23220
|
+
"description": "Update all options selection state in the DDM."
|
|
23221
|
+
},
|
|
23222
|
+
{
|
|
23223
|
+
"kind": "method",
|
|
23224
|
+
"name": "fireEvents",
|
|
23225
|
+
"privacy": "private",
|
|
23226
|
+
"return": {
|
|
23227
|
+
"type": {
|
|
23228
|
+
"text": "void"
|
|
23229
|
+
}
|
|
23230
|
+
},
|
|
23231
|
+
"description": "Dispatch change event when an option is selected."
|
|
23232
|
+
},
|
|
23233
|
+
{
|
|
23234
|
+
"kind": "method",
|
|
23235
|
+
"name": "setInitialFocus",
|
|
23236
|
+
"privacy": "protected",
|
|
23237
|
+
"inheritedFrom": {
|
|
23238
|
+
"name": "ListNavigationMixin",
|
|
23239
|
+
"module": "utils/mixins/ListNavigationMixin.js"
|
|
23240
|
+
}
|
|
23241
|
+
},
|
|
23242
|
+
{
|
|
23243
|
+
"kind": "method",
|
|
23244
|
+
"name": "getCurrentIndex",
|
|
23245
|
+
"privacy": "private",
|
|
23246
|
+
"return": {
|
|
23247
|
+
"type": {
|
|
23248
|
+
"text": ""
|
|
23249
|
+
}
|
|
23250
|
+
},
|
|
23251
|
+
"parameters": [
|
|
23252
|
+
{
|
|
23253
|
+
"name": "target",
|
|
23254
|
+
"type": {
|
|
23255
|
+
"text": "HTMLElement | null"
|
|
23256
|
+
},
|
|
23257
|
+
"description": "The target element that triggered the event."
|
|
23258
|
+
}
|
|
23259
|
+
],
|
|
23260
|
+
"description": "Retrieves the current index of the item that triggered the event.",
|
|
23261
|
+
"inheritedFrom": {
|
|
23262
|
+
"name": "ListNavigationMixin",
|
|
23263
|
+
"module": "utils/mixins/ListNavigationMixin.js"
|
|
23264
|
+
}
|
|
23265
|
+
},
|
|
23266
|
+
{
|
|
23267
|
+
"kind": "method",
|
|
23268
|
+
"name": "resetTabIndexes",
|
|
23269
|
+
"privacy": "protected",
|
|
23270
|
+
"parameters": [
|
|
23271
|
+
{
|
|
23272
|
+
"name": "index",
|
|
23273
|
+
"type": {
|
|
23274
|
+
"text": "number"
|
|
23275
|
+
},
|
|
23276
|
+
"description": "The index of the currently focused item."
|
|
23277
|
+
},
|
|
23278
|
+
{
|
|
23279
|
+
"name": "focusElement",
|
|
23280
|
+
"default": "true",
|
|
23281
|
+
"description": "Call focus() on the current item or not."
|
|
23282
|
+
}
|
|
23283
|
+
],
|
|
23284
|
+
"description": "Reset all tabindex to -1 and set the tabindex of the current item to 0",
|
|
23285
|
+
"inheritedFrom": {
|
|
23286
|
+
"name": "ListNavigationMixin",
|
|
23287
|
+
"module": "utils/mixins/ListNavigationMixin.js"
|
|
23288
|
+
}
|
|
23289
|
+
},
|
|
23290
|
+
{
|
|
23291
|
+
"kind": "method",
|
|
23292
|
+
"name": "resetTabIndexAndSetFocus",
|
|
23293
|
+
"privacy": "protected",
|
|
23294
|
+
"parameters": [
|
|
23295
|
+
{
|
|
23296
|
+
"name": "newIndex",
|
|
23297
|
+
"type": {
|
|
23298
|
+
"text": "number"
|
|
23299
|
+
},
|
|
23300
|
+
"description": "The index of the new item to focus."
|
|
23301
|
+
},
|
|
23302
|
+
{
|
|
23303
|
+
"name": "oldIndex",
|
|
23304
|
+
"optional": true,
|
|
23305
|
+
"type": {
|
|
23306
|
+
"text": "number"
|
|
23307
|
+
},
|
|
23308
|
+
"description": "The index of the currently focused item."
|
|
23309
|
+
},
|
|
23310
|
+
{
|
|
23311
|
+
"name": "focusNewItem",
|
|
23312
|
+
"default": "true",
|
|
23313
|
+
"description": "Call focus() on the new item or not. It should be false during firstUpdate"
|
|
23314
|
+
}
|
|
23315
|
+
],
|
|
23316
|
+
"description": "Resets the tabindex of the currently focused item and sets focus to a new item.",
|
|
23317
|
+
"return": {
|
|
23318
|
+
"type": {
|
|
23319
|
+
"text": ""
|
|
23320
|
+
}
|
|
23321
|
+
},
|
|
23322
|
+
"inheritedFrom": {
|
|
23323
|
+
"name": "ListNavigationMixin",
|
|
23324
|
+
"module": "utils/mixins/ListNavigationMixin.js"
|
|
23325
|
+
}
|
|
23326
|
+
},
|
|
23327
|
+
{
|
|
23328
|
+
"kind": "method",
|
|
23329
|
+
"name": "resolveDirectionKey",
|
|
23330
|
+
"privacy": "private",
|
|
23331
|
+
"parameters": [
|
|
23332
|
+
{
|
|
23333
|
+
"name": "key",
|
|
23334
|
+
"type": {
|
|
23335
|
+
"text": "string"
|
|
23336
|
+
},
|
|
23337
|
+
"description": "The key pressed by the user."
|
|
23338
|
+
},
|
|
23339
|
+
{
|
|
23340
|
+
"name": "isRtl",
|
|
23341
|
+
"type": {
|
|
23342
|
+
"text": "boolean"
|
|
23343
|
+
},
|
|
23344
|
+
"description": "A boolean indicating if the layout is right-to-left (RTL)."
|
|
23345
|
+
}
|
|
23346
|
+
],
|
|
23347
|
+
"description": "Resolves the key pressed by the user based on the direction of the layout.\nThis method is used to handle keyboard navigation in a right-to-left (RTL) layout.\nIt checks if the layout is RTL and adjusts the arrow keys accordingly.\nFor example, in RTL, the left arrow key behaves like the right arrow key and vice versa.",
|
|
23348
|
+
"return": {
|
|
23349
|
+
"type": {
|
|
23350
|
+
"text": ""
|
|
23351
|
+
}
|
|
23352
|
+
},
|
|
23353
|
+
"inheritedFrom": {
|
|
23354
|
+
"name": "ListNavigationMixin",
|
|
23355
|
+
"module": "utils/mixins/ListNavigationMixin.js"
|
|
23356
|
+
}
|
|
23357
|
+
},
|
|
23358
|
+
{
|
|
23359
|
+
"kind": "method",
|
|
23360
|
+
"name": "shouldLoop",
|
|
23361
|
+
"privacy": "private",
|
|
23362
|
+
"inheritedFrom": {
|
|
23363
|
+
"name": "ListNavigationMixin",
|
|
23364
|
+
"module": "utils/mixins/ListNavigationMixin.js"
|
|
23365
|
+
}
|
|
23366
|
+
}
|
|
23367
|
+
],
|
|
23368
|
+
"events": [
|
|
23369
|
+
{
|
|
23370
|
+
"name": "change",
|
|
23371
|
+
"type": {
|
|
23372
|
+
"text": "Event"
|
|
23373
|
+
},
|
|
23374
|
+
"description": "(React: onChange) This event is emitted when the selected item changed",
|
|
23375
|
+
"reactName": "onChange"
|
|
23376
|
+
}
|
|
23377
|
+
],
|
|
23378
|
+
"attributes": [
|
|
23379
|
+
{
|
|
23380
|
+
"name": "name",
|
|
23381
|
+
"type": {
|
|
23382
|
+
"text": "undefined | string | undefined"
|
|
23383
|
+
},
|
|
23384
|
+
"default": "undefined",
|
|
23385
|
+
"description": "The name attribute is used to identify the listbox",
|
|
23386
|
+
"fieldName": "name"
|
|
23387
|
+
},
|
|
23388
|
+
{
|
|
23389
|
+
"name": "value",
|
|
23390
|
+
"type": {
|
|
23391
|
+
"text": "undefined | string | undefined"
|
|
23392
|
+
},
|
|
23393
|
+
"default": "undefined",
|
|
23394
|
+
"description": "The value attribute is used to represent the last selected option's value in the listbox.",
|
|
23395
|
+
"fieldName": "value"
|
|
23396
|
+
}
|
|
23397
|
+
],
|
|
23398
|
+
"mixins": [
|
|
23399
|
+
{
|
|
23400
|
+
"name": "ListNavigationMixin",
|
|
23401
|
+
"module": "/src/utils/mixins/ListNavigationMixin"
|
|
23402
|
+
},
|
|
23403
|
+
{
|
|
23404
|
+
"name": "CaptureDestroyEventForChildElement",
|
|
23405
|
+
"module": "/src/utils/mixins/lifecycle/CaptureDestroyEventForChildElement"
|
|
23406
|
+
}
|
|
23407
|
+
],
|
|
23408
|
+
"superclass": {
|
|
23409
|
+
"name": "Component",
|
|
23410
|
+
"module": "/src/models"
|
|
23411
|
+
},
|
|
23412
|
+
"tagName": "mdc-listbox",
|
|
23413
|
+
"jsDoc": "/**\n * listbox component presents a list of options and allows a user to select one of them.\n *\n * Notes:\n * - This is a standalone listbox component. Select has its own mdc-selectlistbox component.\n * - this component has name and value attributes and also emits change event,\n * but it is not a form control (yet).\n *\n * @dependency mdc-list\n * @dependency mdc-icon\n * @dependency mdc-text\n * @dependency mdc-option\n * @dependency mdc-optgroup\n *\n * @tagname mdc-listbox\n *\n * @cssproperty --mdc-listbox-max-height - max height of the listbox\n *\n * @slot default - This is a default/unnamed slot, where options and optgroups are placed\n *\n * @csspart container - The container of the listbox\n *\n * @event change - (React: onChange) This event is emitted when the selected item changed\n */",
|
|
23414
|
+
"customElement": true
|
|
23415
|
+
}
|
|
23416
|
+
],
|
|
23417
|
+
"exports": [
|
|
23418
|
+
{
|
|
23419
|
+
"kind": "js",
|
|
23420
|
+
"name": "default",
|
|
23421
|
+
"declaration": {
|
|
23422
|
+
"name": "ListBox",
|
|
23423
|
+
"module": "components/listbox/listbox.component.js"
|
|
23424
|
+
}
|
|
23425
|
+
}
|
|
23426
|
+
]
|
|
23427
|
+
},
|
|
23428
23428
|
{
|
|
23429
23429
|
"kind": "javascript-module",
|
|
23430
23430
|
"path": "components/marker/marker.component.js",
|
|
@@ -28147,13 +28147,13 @@
|
|
|
28147
28147
|
},
|
|
28148
28148
|
{
|
|
28149
28149
|
"kind": "field",
|
|
28150
|
-
"name": "
|
|
28150
|
+
"name": "disableFlip",
|
|
28151
28151
|
"type": {
|
|
28152
28152
|
"text": "boolean"
|
|
28153
28153
|
},
|
|
28154
28154
|
"description": "Changes the placement of popover to keep it in view when scrolling.",
|
|
28155
|
-
"default": "
|
|
28156
|
-
"attribute": "flip",
|
|
28155
|
+
"default": "false",
|
|
28156
|
+
"attribute": "disable-flip",
|
|
28157
28157
|
"reflects": true,
|
|
28158
28158
|
"inheritedFrom": {
|
|
28159
28159
|
"name": "Popover",
|
|
@@ -28897,13 +28897,13 @@
|
|
|
28897
28897
|
}
|
|
28898
28898
|
},
|
|
28899
28899
|
{
|
|
28900
|
-
"name": "flip",
|
|
28900
|
+
"name": "disable-flip",
|
|
28901
28901
|
"type": {
|
|
28902
28902
|
"text": "boolean"
|
|
28903
28903
|
},
|
|
28904
28904
|
"description": "Changes the placement of popover to keep it in view when scrolling.",
|
|
28905
|
-
"default": "
|
|
28906
|
-
"fieldName": "
|
|
28905
|
+
"default": "false",
|
|
28906
|
+
"fieldName": "disableFlip",
|
|
28907
28907
|
"inheritedFrom": {
|
|
28908
28908
|
"name": "Popover",
|
|
28909
28909
|
"module": "src/components/popover/popover.component.ts"
|
|
@@ -33594,13 +33594,13 @@
|
|
|
33594
33594
|
},
|
|
33595
33595
|
{
|
|
33596
33596
|
"kind": "field",
|
|
33597
|
-
"name": "
|
|
33597
|
+
"name": "disableFlip",
|
|
33598
33598
|
"type": {
|
|
33599
33599
|
"text": "boolean"
|
|
33600
33600
|
},
|
|
33601
33601
|
"description": "Changes the placement of popover to keep it in view when scrolling.",
|
|
33602
|
-
"default": "
|
|
33603
|
-
"attribute": "flip",
|
|
33602
|
+
"default": "false",
|
|
33603
|
+
"attribute": "disable-flip",
|
|
33604
33604
|
"reflects": true
|
|
33605
33605
|
},
|
|
33606
33606
|
{
|
|
@@ -34658,13 +34658,13 @@
|
|
|
34658
34658
|
"fieldName": "isBackdropInvisible"
|
|
34659
34659
|
},
|
|
34660
34660
|
{
|
|
34661
|
-
"name": "flip",
|
|
34661
|
+
"name": "disable-flip",
|
|
34662
34662
|
"type": {
|
|
34663
34663
|
"text": "boolean"
|
|
34664
34664
|
},
|
|
34665
34665
|
"description": "Changes the placement of popover to keep it in view when scrolling.",
|
|
34666
|
-
"default": "
|
|
34667
|
-
"fieldName": "
|
|
34666
|
+
"default": "false",
|
|
34667
|
+
"fieldName": "disableFlip"
|
|
34668
34668
|
},
|
|
34669
34669
|
{
|
|
34670
34670
|
"name": "size",
|
|
@@ -41680,6 +41680,17 @@
|
|
|
41680
41680
|
"attribute": "popover-z-index",
|
|
41681
41681
|
"reflects": true
|
|
41682
41682
|
},
|
|
41683
|
+
{
|
|
41684
|
+
"kind": "field",
|
|
41685
|
+
"name": "disableFlip",
|
|
41686
|
+
"type": {
|
|
41687
|
+
"text": "boolean"
|
|
41688
|
+
},
|
|
41689
|
+
"description": "Determines whether the dropdown should flip its position when it hits the boundary.",
|
|
41690
|
+
"default": "false",
|
|
41691
|
+
"attribute": "disable-flip",
|
|
41692
|
+
"reflects": true
|
|
41693
|
+
},
|
|
41683
41694
|
{
|
|
41684
41695
|
"kind": "field",
|
|
41685
41696
|
"name": "backdropAppendTo",
|
|
@@ -42547,6 +42558,15 @@
|
|
|
42547
42558
|
"default": "1000",
|
|
42548
42559
|
"fieldName": "popoverZIndex"
|
|
42549
42560
|
},
|
|
42561
|
+
{
|
|
42562
|
+
"name": "disable-flip",
|
|
42563
|
+
"type": {
|
|
42564
|
+
"text": "boolean"
|
|
42565
|
+
},
|
|
42566
|
+
"description": "Determines whether the dropdown should flip its position when it hits the boundary.",
|
|
42567
|
+
"default": "false",
|
|
42568
|
+
"fieldName": "disableFlip"
|
|
42569
|
+
},
|
|
42550
42570
|
{
|
|
42551
42571
|
"name": "backdrop-append-to",
|
|
42552
42572
|
"type": {
|
|
@@ -49959,13 +49979,13 @@
|
|
|
49959
49979
|
},
|
|
49960
49980
|
{
|
|
49961
49981
|
"kind": "field",
|
|
49962
|
-
"name": "
|
|
49982
|
+
"name": "disableFlip",
|
|
49963
49983
|
"type": {
|
|
49964
49984
|
"text": "boolean"
|
|
49965
49985
|
},
|
|
49966
49986
|
"description": "Changes the placement of popover to keep it in view when scrolling.",
|
|
49967
|
-
"default": "
|
|
49968
|
-
"attribute": "flip",
|
|
49987
|
+
"default": "false",
|
|
49988
|
+
"attribute": "disable-flip",
|
|
49969
49989
|
"reflects": true,
|
|
49970
49990
|
"inheritedFrom": {
|
|
49971
49991
|
"name": "Popover",
|
|
@@ -50759,13 +50779,13 @@
|
|
|
50759
50779
|
}
|
|
50760
50780
|
},
|
|
50761
50781
|
{
|
|
50762
|
-
"name": "flip",
|
|
50782
|
+
"name": "disable-flip",
|
|
50763
50783
|
"type": {
|
|
50764
50784
|
"text": "boolean"
|
|
50765
50785
|
},
|
|
50766
50786
|
"description": "Changes the placement of popover to keep it in view when scrolling.",
|
|
50767
|
-
"default": "
|
|
50768
|
-
"fieldName": "
|
|
50787
|
+
"default": "false",
|
|
50788
|
+
"fieldName": "disableFlip",
|
|
50769
50789
|
"inheritedFrom": {
|
|
50770
50790
|
"name": "Popover",
|
|
50771
50791
|
"module": "src/components/popover/popover.component.ts"
|
|
@@ -52040,13 +52060,13 @@
|
|
|
52040
52060
|
},
|
|
52041
52061
|
{
|
|
52042
52062
|
"kind": "field",
|
|
52043
|
-
"name": "
|
|
52063
|
+
"name": "disableFlip",
|
|
52044
52064
|
"type": {
|
|
52045
52065
|
"text": "boolean"
|
|
52046
52066
|
},
|
|
52047
52067
|
"description": "Changes the placement of popover to keep it in view when scrolling.",
|
|
52048
|
-
"default": "
|
|
52049
|
-
"attribute": "flip",
|
|
52068
|
+
"default": "false",
|
|
52069
|
+
"attribute": "disable-flip",
|
|
52050
52070
|
"reflects": true,
|
|
52051
52071
|
"inheritedFrom": {
|
|
52052
52072
|
"name": "Popover",
|
|
@@ -52841,13 +52861,13 @@
|
|
|
52841
52861
|
}
|
|
52842
52862
|
},
|
|
52843
52863
|
{
|
|
52844
|
-
"name": "flip",
|
|
52864
|
+
"name": "disable-flip",
|
|
52845
52865
|
"type": {
|
|
52846
52866
|
"text": "boolean"
|
|
52847
52867
|
},
|
|
52848
52868
|
"description": "Changes the placement of popover to keep it in view when scrolling.",
|
|
52849
|
-
"default": "
|
|
52850
|
-
"fieldName": "
|
|
52869
|
+
"default": "false",
|
|
52870
|
+
"fieldName": "disableFlip",
|
|
52851
52871
|
"inheritedFrom": {
|
|
52852
52872
|
"name": "Popover",
|
|
52853
52873
|
"module": "src/components/popover/popover.component.ts"
|