@momentum-design/components 0.83.4 → 0.83.6
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 +207 -207
- package/dist/browser/index.js.map +4 -4
- package/dist/components/listitem/listitem.component.d.ts +4 -3
- package/dist/components/listitem/listitem.component.js +2 -1
- package/dist/components/menuitem/menuitem.component.d.ts +16 -0
- package/dist/components/menuitem/menuitem.component.js +30 -0
- package/dist/components/menuitemcheckbox/menuitemcheckbox.component.d.ts +26 -0
- package/dist/components/menuitemcheckbox/menuitemcheckbox.component.js +32 -1
- package/dist/components/menuitemradio/menuitemradio.component.d.ts +11 -0
- package/dist/components/menuitemradio/menuitemradio.component.js +33 -2
- package/dist/components/menupopover/menupopover.component.d.ts +66 -2
- package/dist/components/menupopover/menupopover.component.js +202 -10
- package/dist/components/menupopover/menupopover.utils.d.ts +9 -0
- package/dist/components/menupopover/menupopover.utils.js +21 -0
- package/dist/components/menusection/menusection.component.d.ts +0 -27
- package/dist/components/menusection/menusection.component.js +0 -66
- package/dist/components/popover/popover.component.d.ts +3 -3
- package/dist/custom-elements.json +647 -1016
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/dist/utils/mixins/MenuMixin.js +4 -1
- package/package.json +1 -1
|
@@ -2,279 +2,6 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
-
{
|
|
6
|
-
"kind": "javascript-module",
|
|
7
|
-
"path": "components/animation/animation.component.js",
|
|
8
|
-
"declarations": [
|
|
9
|
-
{
|
|
10
|
-
"kind": "class",
|
|
11
|
-
"description": "The `mdc-animation` component is a wrapper around the Lottie animation library.\nIt fetches the animation data dynamically based on the provided name and renders it.\nThis is a display only component that does not have any interactive functionality.\nFrom accessibility perspective, (by default) it is a decorative image component.",
|
|
12
|
-
"name": "Animation",
|
|
13
|
-
"members": [
|
|
14
|
-
{
|
|
15
|
-
"kind": "field",
|
|
16
|
-
"name": "name",
|
|
17
|
-
"type": {
|
|
18
|
-
"text": "AnimationNames | undefined"
|
|
19
|
-
},
|
|
20
|
-
"description": "Name of the animation (= filename)",
|
|
21
|
-
"attribute": "name",
|
|
22
|
-
"reflects": true
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"kind": "field",
|
|
26
|
-
"name": "loop",
|
|
27
|
-
"type": {
|
|
28
|
-
"text": "LoopType | undefined"
|
|
29
|
-
},
|
|
30
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
31
|
-
"attribute": "loop",
|
|
32
|
-
"reflects": true
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
"kind": "field",
|
|
36
|
-
"name": "autoplay",
|
|
37
|
-
"type": {
|
|
38
|
-
"text": "boolean | undefined"
|
|
39
|
-
},
|
|
40
|
-
"description": "Weather start the animation automatically",
|
|
41
|
-
"attribute": "autoplay",
|
|
42
|
-
"reflects": true
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
"kind": "field",
|
|
46
|
-
"name": "ariaLabel",
|
|
47
|
-
"type": {
|
|
48
|
-
"text": "string | null"
|
|
49
|
-
},
|
|
50
|
-
"default": "null",
|
|
51
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
52
|
-
"attribute": "aria-label"
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
"kind": "field",
|
|
56
|
-
"name": "ariaLabelledBy",
|
|
57
|
-
"type": {
|
|
58
|
-
"text": "string | null"
|
|
59
|
-
},
|
|
60
|
-
"default": "null",
|
|
61
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
62
|
-
"attribute": "aria-labelledby"
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
"kind": "field",
|
|
66
|
-
"name": "lottieInstance",
|
|
67
|
-
"type": {
|
|
68
|
-
"text": "AnimationItem | undefined"
|
|
69
|
-
},
|
|
70
|
-
"privacy": "private",
|
|
71
|
-
"description": "Lottie animation instance"
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"kind": "field",
|
|
75
|
-
"name": "containerRef",
|
|
76
|
-
"type": {
|
|
77
|
-
"text": "Ref<HTMLDivElement>"
|
|
78
|
-
},
|
|
79
|
-
"privacy": "private",
|
|
80
|
-
"description": "Container for the animation"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"kind": "field",
|
|
84
|
-
"name": "animation",
|
|
85
|
-
"description": "Exposed API of the animation library (lottie)",
|
|
86
|
-
"readonly": true
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
"kind": "method",
|
|
90
|
-
"name": "getLoopValue",
|
|
91
|
-
"privacy": "private"
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
"kind": "method",
|
|
95
|
-
"name": "onLoadSuccessHandler",
|
|
96
|
-
"privacy": "private",
|
|
97
|
-
"parameters": [
|
|
98
|
-
{
|
|
99
|
-
"name": "animationData",
|
|
100
|
-
"type": {
|
|
101
|
-
"text": "any"
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
],
|
|
105
|
-
"description": "Create new lotty instance for the loaded data"
|
|
106
|
-
},
|
|
107
|
-
{
|
|
108
|
-
"kind": "method",
|
|
109
|
-
"name": "onLoadFailHandler",
|
|
110
|
-
"privacy": "private",
|
|
111
|
-
"parameters": [
|
|
112
|
-
{
|
|
113
|
-
"name": "error",
|
|
114
|
-
"type": {
|
|
115
|
-
"text": "Error"
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
],
|
|
119
|
-
"description": "Error handler for animation loading"
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
"kind": "method",
|
|
123
|
-
"name": "getAnimationData",
|
|
124
|
-
"privacy": "private",
|
|
125
|
-
"description": "Import animation data dynamically"
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
"kind": "field",
|
|
129
|
-
"name": "onCompleteHandler",
|
|
130
|
-
"description": "Re-dispatch the complete event from the animation library\n\nThis handler called with the animation instance instead of the component instance\nso we need to bind it to the component instance. The arrow function just does that."
|
|
131
|
-
}
|
|
132
|
-
],
|
|
133
|
-
"events": [
|
|
134
|
-
{
|
|
135
|
-
"name": "load",
|
|
136
|
-
"type": {
|
|
137
|
-
"text": "CustomEvent"
|
|
138
|
-
},
|
|
139
|
-
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
|
140
|
-
"reactName": "onLoad"
|
|
141
|
-
},
|
|
142
|
-
{
|
|
143
|
-
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
|
144
|
-
"name": "complete",
|
|
145
|
-
"reactName": "onComplete"
|
|
146
|
-
},
|
|
147
|
-
{
|
|
148
|
-
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
149
|
-
"name": "error",
|
|
150
|
-
"reactName": "onError"
|
|
151
|
-
}
|
|
152
|
-
],
|
|
153
|
-
"attributes": [
|
|
154
|
-
{
|
|
155
|
-
"name": "name",
|
|
156
|
-
"type": {
|
|
157
|
-
"text": "AnimationNames | undefined"
|
|
158
|
-
},
|
|
159
|
-
"description": "Name of the animation (= filename)",
|
|
160
|
-
"fieldName": "name"
|
|
161
|
-
},
|
|
162
|
-
{
|
|
163
|
-
"name": "loop",
|
|
164
|
-
"type": {
|
|
165
|
-
"text": "LoopType | undefined"
|
|
166
|
-
},
|
|
167
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
168
|
-
"fieldName": "loop"
|
|
169
|
-
},
|
|
170
|
-
{
|
|
171
|
-
"name": "autoplay",
|
|
172
|
-
"type": {
|
|
173
|
-
"text": "boolean | undefined"
|
|
174
|
-
},
|
|
175
|
-
"description": "Weather start the animation automatically",
|
|
176
|
-
"fieldName": "autoplay"
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
"name": "aria-label",
|
|
180
|
-
"type": {
|
|
181
|
-
"text": "string | null"
|
|
182
|
-
},
|
|
183
|
-
"default": "null",
|
|
184
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
185
|
-
"fieldName": "ariaLabel"
|
|
186
|
-
},
|
|
187
|
-
{
|
|
188
|
-
"name": "aria-labelledby",
|
|
189
|
-
"type": {
|
|
190
|
-
"text": "string | null"
|
|
191
|
-
},
|
|
192
|
-
"default": "null",
|
|
193
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
194
|
-
"fieldName": "ariaLabelledBy"
|
|
195
|
-
}
|
|
196
|
-
],
|
|
197
|
-
"superclass": {
|
|
198
|
-
"name": "Component",
|
|
199
|
-
"module": "/src/models"
|
|
200
|
-
},
|
|
201
|
-
"tagName": "mdc-animation",
|
|
202
|
-
"jsDoc": "/**\n * The `mdc-animation` component is a wrapper around the Lottie animation library.\n * It fetches the animation data dynamically based on the provided name and renders it.\n * This is a display only component that does not have any interactive functionality.\n * From accessibility perspective, (by default) it is a decorative image component.\n *\n * @tagname mdc-animation\n *\n * @event load - (React: onLoad) This event is dispatched when the animation is loaded\n * @event complete - (React: onComplete) This event is dispatched when all animation loops completed\n * @event error - (React: onError) This event is dispatched when animation loading failed\n */",
|
|
203
|
-
"customElement": true
|
|
204
|
-
}
|
|
205
|
-
],
|
|
206
|
-
"exports": [
|
|
207
|
-
{
|
|
208
|
-
"kind": "js",
|
|
209
|
-
"name": "default",
|
|
210
|
-
"declaration": {
|
|
211
|
-
"name": "Animation",
|
|
212
|
-
"module": "components/animation/animation.component.js"
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
]
|
|
216
|
-
},
|
|
217
|
-
{
|
|
218
|
-
"kind": "javascript-module",
|
|
219
|
-
"path": "components/appheader/appheader.component.js",
|
|
220
|
-
"declarations": [
|
|
221
|
-
{
|
|
222
|
-
"kind": "class",
|
|
223
|
-
"description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
|
|
224
|
-
"name": "Appheader",
|
|
225
|
-
"cssParts": [
|
|
226
|
-
{
|
|
227
|
-
"description": "The main container for styling the header.",
|
|
228
|
-
"name": "container"
|
|
229
|
-
},
|
|
230
|
-
{
|
|
231
|
-
"description": "The leading section of the header.",
|
|
232
|
-
"name": "leading-section"
|
|
233
|
-
},
|
|
234
|
-
{
|
|
235
|
-
"description": "The center section of the header.",
|
|
236
|
-
"name": "center-section"
|
|
237
|
-
},
|
|
238
|
-
{
|
|
239
|
-
"description": "The trailing section of the header.",
|
|
240
|
-
"name": "trailing-section"
|
|
241
|
-
}
|
|
242
|
-
],
|
|
243
|
-
"slots": [
|
|
244
|
-
{
|
|
245
|
-
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
|
246
|
-
"name": "leading"
|
|
247
|
-
},
|
|
248
|
-
{
|
|
249
|
-
"description": "Slot for the center section (e.g., search bar, icons).",
|
|
250
|
-
"name": "center"
|
|
251
|
-
},
|
|
252
|
-
{
|
|
253
|
-
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
|
254
|
-
"name": "trailing"
|
|
255
|
-
}
|
|
256
|
-
],
|
|
257
|
-
"members": [],
|
|
258
|
-
"superclass": {
|
|
259
|
-
"name": "Component",
|
|
260
|
-
"module": "/src/models"
|
|
261
|
-
},
|
|
262
|
-
"tagName": "mdc-appheader",
|
|
263
|
-
"jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
|
|
264
|
-
"customElement": true
|
|
265
|
-
}
|
|
266
|
-
],
|
|
267
|
-
"exports": [
|
|
268
|
-
{
|
|
269
|
-
"kind": "js",
|
|
270
|
-
"name": "default",
|
|
271
|
-
"declaration": {
|
|
272
|
-
"name": "Appheader",
|
|
273
|
-
"module": "components/appheader/appheader.component.js"
|
|
274
|
-
}
|
|
275
|
-
}
|
|
276
|
-
]
|
|
277
|
-
},
|
|
278
5
|
{
|
|
279
6
|
"kind": "javascript-module",
|
|
280
7
|
"path": "components/alertchip/alertchip.component.js",
|
|
@@ -793,6 +520,279 @@
|
|
|
793
520
|
}
|
|
794
521
|
]
|
|
795
522
|
},
|
|
523
|
+
{
|
|
524
|
+
"kind": "javascript-module",
|
|
525
|
+
"path": "components/animation/animation.component.js",
|
|
526
|
+
"declarations": [
|
|
527
|
+
{
|
|
528
|
+
"kind": "class",
|
|
529
|
+
"description": "The `mdc-animation` component is a wrapper around the Lottie animation library.\nIt fetches the animation data dynamically based on the provided name and renders it.\nThis is a display only component that does not have any interactive functionality.\nFrom accessibility perspective, (by default) it is a decorative image component.",
|
|
530
|
+
"name": "Animation",
|
|
531
|
+
"members": [
|
|
532
|
+
{
|
|
533
|
+
"kind": "field",
|
|
534
|
+
"name": "name",
|
|
535
|
+
"type": {
|
|
536
|
+
"text": "AnimationNames | undefined"
|
|
537
|
+
},
|
|
538
|
+
"description": "Name of the animation (= filename)",
|
|
539
|
+
"attribute": "name",
|
|
540
|
+
"reflects": true
|
|
541
|
+
},
|
|
542
|
+
{
|
|
543
|
+
"kind": "field",
|
|
544
|
+
"name": "loop",
|
|
545
|
+
"type": {
|
|
546
|
+
"text": "LoopType | undefined"
|
|
547
|
+
},
|
|
548
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
549
|
+
"attribute": "loop",
|
|
550
|
+
"reflects": true
|
|
551
|
+
},
|
|
552
|
+
{
|
|
553
|
+
"kind": "field",
|
|
554
|
+
"name": "autoplay",
|
|
555
|
+
"type": {
|
|
556
|
+
"text": "boolean | undefined"
|
|
557
|
+
},
|
|
558
|
+
"description": "Weather start the animation automatically",
|
|
559
|
+
"attribute": "autoplay",
|
|
560
|
+
"reflects": true
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"kind": "field",
|
|
564
|
+
"name": "ariaLabel",
|
|
565
|
+
"type": {
|
|
566
|
+
"text": "string | null"
|
|
567
|
+
},
|
|
568
|
+
"default": "null",
|
|
569
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
570
|
+
"attribute": "aria-label"
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"kind": "field",
|
|
574
|
+
"name": "ariaLabelledBy",
|
|
575
|
+
"type": {
|
|
576
|
+
"text": "string | null"
|
|
577
|
+
},
|
|
578
|
+
"default": "null",
|
|
579
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
580
|
+
"attribute": "aria-labelledby"
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"kind": "field",
|
|
584
|
+
"name": "lottieInstance",
|
|
585
|
+
"type": {
|
|
586
|
+
"text": "AnimationItem | undefined"
|
|
587
|
+
},
|
|
588
|
+
"privacy": "private",
|
|
589
|
+
"description": "Lottie animation instance"
|
|
590
|
+
},
|
|
591
|
+
{
|
|
592
|
+
"kind": "field",
|
|
593
|
+
"name": "containerRef",
|
|
594
|
+
"type": {
|
|
595
|
+
"text": "Ref<HTMLDivElement>"
|
|
596
|
+
},
|
|
597
|
+
"privacy": "private",
|
|
598
|
+
"description": "Container for the animation"
|
|
599
|
+
},
|
|
600
|
+
{
|
|
601
|
+
"kind": "field",
|
|
602
|
+
"name": "animation",
|
|
603
|
+
"description": "Exposed API of the animation library (lottie)",
|
|
604
|
+
"readonly": true
|
|
605
|
+
},
|
|
606
|
+
{
|
|
607
|
+
"kind": "method",
|
|
608
|
+
"name": "getLoopValue",
|
|
609
|
+
"privacy": "private"
|
|
610
|
+
},
|
|
611
|
+
{
|
|
612
|
+
"kind": "method",
|
|
613
|
+
"name": "onLoadSuccessHandler",
|
|
614
|
+
"privacy": "private",
|
|
615
|
+
"parameters": [
|
|
616
|
+
{
|
|
617
|
+
"name": "animationData",
|
|
618
|
+
"type": {
|
|
619
|
+
"text": "any"
|
|
620
|
+
}
|
|
621
|
+
}
|
|
622
|
+
],
|
|
623
|
+
"description": "Create new lotty instance for the loaded data"
|
|
624
|
+
},
|
|
625
|
+
{
|
|
626
|
+
"kind": "method",
|
|
627
|
+
"name": "onLoadFailHandler",
|
|
628
|
+
"privacy": "private",
|
|
629
|
+
"parameters": [
|
|
630
|
+
{
|
|
631
|
+
"name": "error",
|
|
632
|
+
"type": {
|
|
633
|
+
"text": "Error"
|
|
634
|
+
}
|
|
635
|
+
}
|
|
636
|
+
],
|
|
637
|
+
"description": "Error handler for animation loading"
|
|
638
|
+
},
|
|
639
|
+
{
|
|
640
|
+
"kind": "method",
|
|
641
|
+
"name": "getAnimationData",
|
|
642
|
+
"privacy": "private",
|
|
643
|
+
"description": "Import animation data dynamically"
|
|
644
|
+
},
|
|
645
|
+
{
|
|
646
|
+
"kind": "field",
|
|
647
|
+
"name": "onCompleteHandler",
|
|
648
|
+
"description": "Re-dispatch the complete event from the animation library\n\nThis handler called with the animation instance instead of the component instance\nso we need to bind it to the component instance. The arrow function just does that."
|
|
649
|
+
}
|
|
650
|
+
],
|
|
651
|
+
"events": [
|
|
652
|
+
{
|
|
653
|
+
"name": "load",
|
|
654
|
+
"type": {
|
|
655
|
+
"text": "CustomEvent"
|
|
656
|
+
},
|
|
657
|
+
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
|
658
|
+
"reactName": "onLoad"
|
|
659
|
+
},
|
|
660
|
+
{
|
|
661
|
+
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
|
662
|
+
"name": "complete",
|
|
663
|
+
"reactName": "onComplete"
|
|
664
|
+
},
|
|
665
|
+
{
|
|
666
|
+
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
667
|
+
"name": "error",
|
|
668
|
+
"reactName": "onError"
|
|
669
|
+
}
|
|
670
|
+
],
|
|
671
|
+
"attributes": [
|
|
672
|
+
{
|
|
673
|
+
"name": "name",
|
|
674
|
+
"type": {
|
|
675
|
+
"text": "AnimationNames | undefined"
|
|
676
|
+
},
|
|
677
|
+
"description": "Name of the animation (= filename)",
|
|
678
|
+
"fieldName": "name"
|
|
679
|
+
},
|
|
680
|
+
{
|
|
681
|
+
"name": "loop",
|
|
682
|
+
"type": {
|
|
683
|
+
"text": "LoopType | undefined"
|
|
684
|
+
},
|
|
685
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
686
|
+
"fieldName": "loop"
|
|
687
|
+
},
|
|
688
|
+
{
|
|
689
|
+
"name": "autoplay",
|
|
690
|
+
"type": {
|
|
691
|
+
"text": "boolean | undefined"
|
|
692
|
+
},
|
|
693
|
+
"description": "Weather start the animation automatically",
|
|
694
|
+
"fieldName": "autoplay"
|
|
695
|
+
},
|
|
696
|
+
{
|
|
697
|
+
"name": "aria-label",
|
|
698
|
+
"type": {
|
|
699
|
+
"text": "string | null"
|
|
700
|
+
},
|
|
701
|
+
"default": "null",
|
|
702
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
703
|
+
"fieldName": "ariaLabel"
|
|
704
|
+
},
|
|
705
|
+
{
|
|
706
|
+
"name": "aria-labelledby",
|
|
707
|
+
"type": {
|
|
708
|
+
"text": "string | null"
|
|
709
|
+
},
|
|
710
|
+
"default": "null",
|
|
711
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
712
|
+
"fieldName": "ariaLabelledBy"
|
|
713
|
+
}
|
|
714
|
+
],
|
|
715
|
+
"superclass": {
|
|
716
|
+
"name": "Component",
|
|
717
|
+
"module": "/src/models"
|
|
718
|
+
},
|
|
719
|
+
"tagName": "mdc-animation",
|
|
720
|
+
"jsDoc": "/**\n * The `mdc-animation` component is a wrapper around the Lottie animation library.\n * It fetches the animation data dynamically based on the provided name and renders it.\n * This is a display only component that does not have any interactive functionality.\n * From accessibility perspective, (by default) it is a decorative image component.\n *\n * @tagname mdc-animation\n *\n * @event load - (React: onLoad) This event is dispatched when the animation is loaded\n * @event complete - (React: onComplete) This event is dispatched when all animation loops completed\n * @event error - (React: onError) This event is dispatched when animation loading failed\n */",
|
|
721
|
+
"customElement": true
|
|
722
|
+
}
|
|
723
|
+
],
|
|
724
|
+
"exports": [
|
|
725
|
+
{
|
|
726
|
+
"kind": "js",
|
|
727
|
+
"name": "default",
|
|
728
|
+
"declaration": {
|
|
729
|
+
"name": "Animation",
|
|
730
|
+
"module": "components/animation/animation.component.js"
|
|
731
|
+
}
|
|
732
|
+
}
|
|
733
|
+
]
|
|
734
|
+
},
|
|
735
|
+
{
|
|
736
|
+
"kind": "javascript-module",
|
|
737
|
+
"path": "components/appheader/appheader.component.js",
|
|
738
|
+
"declarations": [
|
|
739
|
+
{
|
|
740
|
+
"kind": "class",
|
|
741
|
+
"description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
|
|
742
|
+
"name": "Appheader",
|
|
743
|
+
"cssParts": [
|
|
744
|
+
{
|
|
745
|
+
"description": "The main container for styling the header.",
|
|
746
|
+
"name": "container"
|
|
747
|
+
},
|
|
748
|
+
{
|
|
749
|
+
"description": "The leading section of the header.",
|
|
750
|
+
"name": "leading-section"
|
|
751
|
+
},
|
|
752
|
+
{
|
|
753
|
+
"description": "The center section of the header.",
|
|
754
|
+
"name": "center-section"
|
|
755
|
+
},
|
|
756
|
+
{
|
|
757
|
+
"description": "The trailing section of the header.",
|
|
758
|
+
"name": "trailing-section"
|
|
759
|
+
}
|
|
760
|
+
],
|
|
761
|
+
"slots": [
|
|
762
|
+
{
|
|
763
|
+
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
|
764
|
+
"name": "leading"
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
"description": "Slot for the center section (e.g., search bar, icons).",
|
|
768
|
+
"name": "center"
|
|
769
|
+
},
|
|
770
|
+
{
|
|
771
|
+
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
|
772
|
+
"name": "trailing"
|
|
773
|
+
}
|
|
774
|
+
],
|
|
775
|
+
"members": [],
|
|
776
|
+
"superclass": {
|
|
777
|
+
"name": "Component",
|
|
778
|
+
"module": "/src/models"
|
|
779
|
+
},
|
|
780
|
+
"tagName": "mdc-appheader",
|
|
781
|
+
"jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
|
|
782
|
+
"customElement": true
|
|
783
|
+
}
|
|
784
|
+
],
|
|
785
|
+
"exports": [
|
|
786
|
+
{
|
|
787
|
+
"kind": "js",
|
|
788
|
+
"name": "default",
|
|
789
|
+
"declaration": {
|
|
790
|
+
"name": "Appheader",
|
|
791
|
+
"module": "components/appheader/appheader.component.js"
|
|
792
|
+
}
|
|
793
|
+
}
|
|
794
|
+
]
|
|
795
|
+
},
|
|
796
796
|
{
|
|
797
797
|
"kind": "javascript-module",
|
|
798
798
|
"path": "components/avatar/avatar.component.js",
|
|
@@ -8773,7 +8773,7 @@
|
|
|
8773
8773
|
{
|
|
8774
8774
|
"kind": "field",
|
|
8775
8775
|
"name": "onOutsidePopoverClick",
|
|
8776
|
-
"privacy": "
|
|
8776
|
+
"privacy": "protected",
|
|
8777
8777
|
"description": "Handles the outside click event to close the popover.",
|
|
8778
8778
|
"parameters": [
|
|
8779
8779
|
{
|
|
@@ -14627,7 +14627,7 @@
|
|
|
14627
14627
|
{
|
|
14628
14628
|
"kind": "method",
|
|
14629
14629
|
"name": "handleKeyDown",
|
|
14630
|
-
"privacy": "
|
|
14630
|
+
"privacy": "protected",
|
|
14631
14631
|
"return": {
|
|
14632
14632
|
"type": {
|
|
14633
14633
|
"text": "void"
|
|
@@ -14642,12 +14642,12 @@
|
|
|
14642
14642
|
"description": "The keyboard event triggered when a key is pressed down."
|
|
14643
14643
|
}
|
|
14644
14644
|
],
|
|
14645
|
-
"description": "Fires the click event when the enter or space key is pressed."
|
|
14645
|
+
"description": "Fires the click event when the enter or space key is pressed down.\nThis behavior is similar to a button click and key interaction."
|
|
14646
14646
|
},
|
|
14647
14647
|
{
|
|
14648
14648
|
"kind": "method",
|
|
14649
14649
|
"name": "triggerClickEvent",
|
|
14650
|
-
"privacy": "
|
|
14650
|
+
"privacy": "protected",
|
|
14651
14651
|
"description": "Triggers a click event on the list item."
|
|
14652
14652
|
},
|
|
14653
14653
|
{
|
|
@@ -15731,6 +15731,50 @@
|
|
|
15731
15731
|
"attribute": "arrow-direction",
|
|
15732
15732
|
"reflects": true
|
|
15733
15733
|
},
|
|
15734
|
+
{
|
|
15735
|
+
"kind": "method",
|
|
15736
|
+
"name": "handleKeyDown",
|
|
15737
|
+
"privacy": "protected",
|
|
15738
|
+
"return": {
|
|
15739
|
+
"type": {
|
|
15740
|
+
"text": "void"
|
|
15741
|
+
}
|
|
15742
|
+
},
|
|
15743
|
+
"parameters": [
|
|
15744
|
+
{
|
|
15745
|
+
"name": "event",
|
|
15746
|
+
"type": {
|
|
15747
|
+
"text": "KeyboardEvent"
|
|
15748
|
+
},
|
|
15749
|
+
"description": "The keyboard event that triggered the action."
|
|
15750
|
+
}
|
|
15751
|
+
],
|
|
15752
|
+
"description": "Handles the keydown event for the menu item.\nIf the Enter key is pressed, it triggers a click event on the menu item.\nThis allows keyboard users to activate the menu item using the Enter key.",
|
|
15753
|
+
"inheritedFrom": {
|
|
15754
|
+
"name": "ListItem",
|
|
15755
|
+
"module": "components/listitem/listitem.component.js"
|
|
15756
|
+
}
|
|
15757
|
+
},
|
|
15758
|
+
{
|
|
15759
|
+
"kind": "method",
|
|
15760
|
+
"name": "handleKeyUp",
|
|
15761
|
+
"privacy": "private",
|
|
15762
|
+
"return": {
|
|
15763
|
+
"type": {
|
|
15764
|
+
"text": "void"
|
|
15765
|
+
}
|
|
15766
|
+
},
|
|
15767
|
+
"parameters": [
|
|
15768
|
+
{
|
|
15769
|
+
"name": "event",
|
|
15770
|
+
"type": {
|
|
15771
|
+
"text": "KeyboardEvent"
|
|
15772
|
+
},
|
|
15773
|
+
"description": "The keyboard event that triggered the action."
|
|
15774
|
+
}
|
|
15775
|
+
],
|
|
15776
|
+
"description": "Handles the keyup event for the menu item.\nIf the Space key is released, it triggers a click event on the menu item.\nThis allows keyboard users to activate the menu item using the Space key.\nIt also prevents the default action of the Space key to avoid scrolling the page."
|
|
15777
|
+
},
|
|
15734
15778
|
{
|
|
15735
15779
|
"kind": "method",
|
|
15736
15780
|
"name": "renderTrailingControls",
|
|
@@ -15905,34 +15949,10 @@
|
|
|
15905
15949
|
"module": "components/listitem/listitem.component.js"
|
|
15906
15950
|
}
|
|
15907
15951
|
},
|
|
15908
|
-
{
|
|
15909
|
-
"kind": "method",
|
|
15910
|
-
"name": "handleKeyDown",
|
|
15911
|
-
"privacy": "private",
|
|
15912
|
-
"return": {
|
|
15913
|
-
"type": {
|
|
15914
|
-
"text": "void"
|
|
15915
|
-
}
|
|
15916
|
-
},
|
|
15917
|
-
"parameters": [
|
|
15918
|
-
{
|
|
15919
|
-
"name": "event",
|
|
15920
|
-
"type": {
|
|
15921
|
-
"text": "KeyboardEvent"
|
|
15922
|
-
},
|
|
15923
|
-
"description": "The keyboard event triggered when a key is pressed down."
|
|
15924
|
-
}
|
|
15925
|
-
],
|
|
15926
|
-
"description": "Fires the click event when the enter or space key is pressed.",
|
|
15927
|
-
"inheritedFrom": {
|
|
15928
|
-
"name": "ListItem",
|
|
15929
|
-
"module": "components/listitem/listitem.component.js"
|
|
15930
|
-
}
|
|
15931
|
-
},
|
|
15932
15952
|
{
|
|
15933
15953
|
"kind": "method",
|
|
15934
15954
|
"name": "triggerClickEvent",
|
|
15935
|
-
"privacy": "
|
|
15955
|
+
"privacy": "protected",
|
|
15936
15956
|
"description": "Triggers a click event on the list item.",
|
|
15937
15957
|
"inheritedFrom": {
|
|
15938
15958
|
"name": "ListItem",
|
|
@@ -16497,15 +16517,22 @@
|
|
|
16497
16517
|
"attribute": "indicator",
|
|
16498
16518
|
"reflects": true
|
|
16499
16519
|
},
|
|
16520
|
+
{
|
|
16521
|
+
"kind": "field",
|
|
16522
|
+
"name": "menuitemcheckboxHandleClick",
|
|
16523
|
+
"privacy": "private",
|
|
16524
|
+
"description": "Handles click events to toggle checked state\nIf the menuitemcheckbox is disabled, it does nothing.\nIf the menuitemcheckbox is not disabled, it toggles the `aria-checked` state between `true` and `false`."
|
|
16525
|
+
},
|
|
16500
16526
|
{
|
|
16501
16527
|
"kind": "method",
|
|
16502
16528
|
"name": "staticCheckbox",
|
|
16503
16529
|
"privacy": "private",
|
|
16504
16530
|
"return": {
|
|
16505
16531
|
"type": {
|
|
16506
|
-
"text": "
|
|
16532
|
+
"text": ""
|
|
16507
16533
|
}
|
|
16508
|
-
}
|
|
16534
|
+
},
|
|
16535
|
+
"description": "Returns a static checkbox element if the indicator is set to checkbox.\nIf the indicator is not set to checkbox, it returns nothing."
|
|
16509
16536
|
},
|
|
16510
16537
|
{
|
|
16511
16538
|
"kind": "method",
|
|
@@ -16513,9 +16540,10 @@
|
|
|
16513
16540
|
"privacy": "private",
|
|
16514
16541
|
"return": {
|
|
16515
16542
|
"type": {
|
|
16516
|
-
"text": "
|
|
16543
|
+
"text": ""
|
|
16517
16544
|
}
|
|
16518
|
-
}
|
|
16545
|
+
},
|
|
16546
|
+
"description": "Returns a static toggle element if the indicator is set to toggle.\nIf the indicator is not set to toggle, it returns nothing.\n\nThe toggle will always be positioned on the trailing side of the menuitem label."
|
|
16519
16547
|
},
|
|
16520
16548
|
{
|
|
16521
16549
|
"kind": "method",
|
|
@@ -16523,9 +16551,10 @@
|
|
|
16523
16551
|
"privacy": "private",
|
|
16524
16552
|
"return": {
|
|
16525
16553
|
"type": {
|
|
16526
|
-
"text": "
|
|
16554
|
+
"text": ""
|
|
16527
16555
|
}
|
|
16528
|
-
}
|
|
16556
|
+
},
|
|
16557
|
+
"description": "Returns a checkmark icon if the indicator is set to checkmark and the aria-checked state is true.\nIf the indicator is not set to checkmark or the aria-checked state is false, it returns nothing.\n\nThe checkmark icon will always be positioned on the trailing side of the menuitem label."
|
|
16529
16558
|
},
|
|
16530
16559
|
{
|
|
16531
16560
|
"kind": "field",
|
|
@@ -16555,6 +16584,54 @@
|
|
|
16555
16584
|
"module": "components/menuitem/menuitem.component.js"
|
|
16556
16585
|
}
|
|
16557
16586
|
},
|
|
16587
|
+
{
|
|
16588
|
+
"kind": "method",
|
|
16589
|
+
"name": "handleKeyDown",
|
|
16590
|
+
"privacy": "protected",
|
|
16591
|
+
"return": {
|
|
16592
|
+
"type": {
|
|
16593
|
+
"text": "void"
|
|
16594
|
+
}
|
|
16595
|
+
},
|
|
16596
|
+
"parameters": [
|
|
16597
|
+
{
|
|
16598
|
+
"name": "event",
|
|
16599
|
+
"type": {
|
|
16600
|
+
"text": "KeyboardEvent"
|
|
16601
|
+
},
|
|
16602
|
+
"description": "The keyboard event that triggered the action."
|
|
16603
|
+
}
|
|
16604
|
+
],
|
|
16605
|
+
"description": "Handles the keydown event for the menu item.\nIf the Enter key is pressed, it triggers a click event on the menu item.\nThis allows keyboard users to activate the menu item using the Enter key.",
|
|
16606
|
+
"inheritedFrom": {
|
|
16607
|
+
"name": "ListItem",
|
|
16608
|
+
"module": "components/listitem/listitem.component.js"
|
|
16609
|
+
}
|
|
16610
|
+
},
|
|
16611
|
+
{
|
|
16612
|
+
"kind": "method",
|
|
16613
|
+
"name": "handleKeyUp",
|
|
16614
|
+
"privacy": "private",
|
|
16615
|
+
"return": {
|
|
16616
|
+
"type": {
|
|
16617
|
+
"text": "void"
|
|
16618
|
+
}
|
|
16619
|
+
},
|
|
16620
|
+
"parameters": [
|
|
16621
|
+
{
|
|
16622
|
+
"name": "event",
|
|
16623
|
+
"type": {
|
|
16624
|
+
"text": "KeyboardEvent"
|
|
16625
|
+
},
|
|
16626
|
+
"description": "The keyboard event that triggered the action."
|
|
16627
|
+
}
|
|
16628
|
+
],
|
|
16629
|
+
"description": "Handles the keyup event for the menu item.\nIf the Space key is released, it triggers a click event on the menu item.\nThis allows keyboard users to activate the menu item using the Space key.\nIt also prevents the default action of the Space key to avoid scrolling the page.",
|
|
16630
|
+
"inheritedFrom": {
|
|
16631
|
+
"name": "MenuItem",
|
|
16632
|
+
"module": "components/menuitem/menuitem.component.js"
|
|
16633
|
+
}
|
|
16634
|
+
},
|
|
16558
16635
|
{
|
|
16559
16636
|
"kind": "method",
|
|
16560
16637
|
"name": "renderTrailingControls",
|
|
@@ -16729,34 +16806,10 @@
|
|
|
16729
16806
|
"module": "components/listitem/listitem.component.js"
|
|
16730
16807
|
}
|
|
16731
16808
|
},
|
|
16732
|
-
{
|
|
16733
|
-
"kind": "method",
|
|
16734
|
-
"name": "handleKeyDown",
|
|
16735
|
-
"privacy": "private",
|
|
16736
|
-
"return": {
|
|
16737
|
-
"type": {
|
|
16738
|
-
"text": "void"
|
|
16739
|
-
}
|
|
16740
|
-
},
|
|
16741
|
-
"parameters": [
|
|
16742
|
-
{
|
|
16743
|
-
"name": "event",
|
|
16744
|
-
"type": {
|
|
16745
|
-
"text": "KeyboardEvent"
|
|
16746
|
-
},
|
|
16747
|
-
"description": "The keyboard event triggered when a key is pressed down."
|
|
16748
|
-
}
|
|
16749
|
-
],
|
|
16750
|
-
"description": "Fires the click event when the enter or space key is pressed.",
|
|
16751
|
-
"inheritedFrom": {
|
|
16752
|
-
"name": "ListItem",
|
|
16753
|
-
"module": "components/listitem/listitem.component.js"
|
|
16754
|
-
}
|
|
16755
|
-
},
|
|
16756
16809
|
{
|
|
16757
16810
|
"kind": "method",
|
|
16758
16811
|
"name": "triggerClickEvent",
|
|
16759
|
-
"privacy": "
|
|
16812
|
+
"privacy": "protected",
|
|
16760
16813
|
"description": "Triggers a click event on the list item.",
|
|
16761
16814
|
"inheritedFrom": {
|
|
16762
16815
|
"name": "ListItem",
|
|
@@ -17205,6 +17258,23 @@
|
|
|
17205
17258
|
"attribute": "aria-checked",
|
|
17206
17259
|
"reflects": true
|
|
17207
17260
|
},
|
|
17261
|
+
{
|
|
17262
|
+
"kind": "field",
|
|
17263
|
+
"name": "name",
|
|
17264
|
+
"type": {
|
|
17265
|
+
"text": "string"
|
|
17266
|
+
},
|
|
17267
|
+
"default": "''",
|
|
17268
|
+
"description": "The name attribute is used to group radio items within the same menu container.",
|
|
17269
|
+
"attribute": "name",
|
|
17270
|
+
"reflects": true
|
|
17271
|
+
},
|
|
17272
|
+
{
|
|
17273
|
+
"kind": "field",
|
|
17274
|
+
"name": "menuitemradioHandleClick",
|
|
17275
|
+
"privacy": "private",
|
|
17276
|
+
"description": "Handles click events to set checked state and uncheck siblings in the same group and container.\nIf the menuitemradio is not checked, it sets its aria-checked state to `true`\nand sets all other menuitemradio elements of the same group with aria-checked state to `false`."
|
|
17277
|
+
},
|
|
17208
17278
|
{
|
|
17209
17279
|
"kind": "field",
|
|
17210
17280
|
"name": "arrowPosition",
|
|
@@ -17233,6 +17303,54 @@
|
|
|
17233
17303
|
"module": "components/menuitem/menuitem.component.js"
|
|
17234
17304
|
}
|
|
17235
17305
|
},
|
|
17306
|
+
{
|
|
17307
|
+
"kind": "method",
|
|
17308
|
+
"name": "handleKeyDown",
|
|
17309
|
+
"privacy": "protected",
|
|
17310
|
+
"return": {
|
|
17311
|
+
"type": {
|
|
17312
|
+
"text": "void"
|
|
17313
|
+
}
|
|
17314
|
+
},
|
|
17315
|
+
"parameters": [
|
|
17316
|
+
{
|
|
17317
|
+
"name": "event",
|
|
17318
|
+
"type": {
|
|
17319
|
+
"text": "KeyboardEvent"
|
|
17320
|
+
},
|
|
17321
|
+
"description": "The keyboard event that triggered the action."
|
|
17322
|
+
}
|
|
17323
|
+
],
|
|
17324
|
+
"description": "Handles the keydown event for the menu item.\nIf the Enter key is pressed, it triggers a click event on the menu item.\nThis allows keyboard users to activate the menu item using the Enter key.",
|
|
17325
|
+
"inheritedFrom": {
|
|
17326
|
+
"name": "ListItem",
|
|
17327
|
+
"module": "components/listitem/listitem.component.js"
|
|
17328
|
+
}
|
|
17329
|
+
},
|
|
17330
|
+
{
|
|
17331
|
+
"kind": "method",
|
|
17332
|
+
"name": "handleKeyUp",
|
|
17333
|
+
"privacy": "private",
|
|
17334
|
+
"return": {
|
|
17335
|
+
"type": {
|
|
17336
|
+
"text": "void"
|
|
17337
|
+
}
|
|
17338
|
+
},
|
|
17339
|
+
"parameters": [
|
|
17340
|
+
{
|
|
17341
|
+
"name": "event",
|
|
17342
|
+
"type": {
|
|
17343
|
+
"text": "KeyboardEvent"
|
|
17344
|
+
},
|
|
17345
|
+
"description": "The keyboard event that triggered the action."
|
|
17346
|
+
}
|
|
17347
|
+
],
|
|
17348
|
+
"description": "Handles the keyup event for the menu item.\nIf the Space key is released, it triggers a click event on the menu item.\nThis allows keyboard users to activate the menu item using the Space key.\nIt also prevents the default action of the Space key to avoid scrolling the page.",
|
|
17349
|
+
"inheritedFrom": {
|
|
17350
|
+
"name": "MenuItem",
|
|
17351
|
+
"module": "components/menuitem/menuitem.component.js"
|
|
17352
|
+
}
|
|
17353
|
+
},
|
|
17236
17354
|
{
|
|
17237
17355
|
"kind": "method",
|
|
17238
17356
|
"name": "renderTrailingControls",
|
|
@@ -17407,34 +17525,10 @@
|
|
|
17407
17525
|
"module": "components/listitem/listitem.component.js"
|
|
17408
17526
|
}
|
|
17409
17527
|
},
|
|
17410
|
-
{
|
|
17411
|
-
"kind": "method",
|
|
17412
|
-
"name": "handleKeyDown",
|
|
17413
|
-
"privacy": "private",
|
|
17414
|
-
"return": {
|
|
17415
|
-
"type": {
|
|
17416
|
-
"text": "void"
|
|
17417
|
-
}
|
|
17418
|
-
},
|
|
17419
|
-
"parameters": [
|
|
17420
|
-
{
|
|
17421
|
-
"name": "event",
|
|
17422
|
-
"type": {
|
|
17423
|
-
"text": "KeyboardEvent"
|
|
17424
|
-
},
|
|
17425
|
-
"description": "The keyboard event triggered when a key is pressed down."
|
|
17426
|
-
}
|
|
17427
|
-
],
|
|
17428
|
-
"description": "Fires the click event when the enter or space key is pressed.",
|
|
17429
|
-
"inheritedFrom": {
|
|
17430
|
-
"name": "ListItem",
|
|
17431
|
-
"module": "components/listitem/listitem.component.js"
|
|
17432
|
-
}
|
|
17433
|
-
},
|
|
17434
17528
|
{
|
|
17435
17529
|
"kind": "method",
|
|
17436
17530
|
"name": "triggerClickEvent",
|
|
17437
|
-
"privacy": "
|
|
17531
|
+
"privacy": "protected",
|
|
17438
17532
|
"description": "Triggers a click event on the list item.",
|
|
17439
17533
|
"inheritedFrom": {
|
|
17440
17534
|
"name": "ListItem",
|
|
@@ -17627,6 +17721,15 @@
|
|
|
17627
17721
|
"default": "'false'",
|
|
17628
17722
|
"fieldName": "ariaChecked"
|
|
17629
17723
|
},
|
|
17724
|
+
{
|
|
17725
|
+
"name": "name",
|
|
17726
|
+
"type": {
|
|
17727
|
+
"text": "string"
|
|
17728
|
+
},
|
|
17729
|
+
"default": "''",
|
|
17730
|
+
"description": "The name attribute is used to group radio items within the same menu container.",
|
|
17731
|
+
"fieldName": "name"
|
|
17732
|
+
},
|
|
17630
17733
|
{
|
|
17631
17734
|
"name": "arrow-position",
|
|
17632
17735
|
"type": {
|
|
@@ -17858,521 +17961,104 @@
|
|
|
17858
17961
|
"module": "src/components/listitem/listitem.component.ts"
|
|
17859
17962
|
}
|
|
17860
17963
|
},
|
|
17861
|
-
{
|
|
17862
|
-
"description": "Allows customization of the background color when pressed.",
|
|
17863
|
-
"name": "--mdc-listitem-background-color-active",
|
|
17864
|
-
"inheritedFrom": {
|
|
17865
|
-
"name": "ListItem",
|
|
17866
|
-
"module": "src/components/listitem/listitem.component.ts"
|
|
17867
|
-
}
|
|
17868
|
-
},
|
|
17869
|
-
{
|
|
17870
|
-
"description": "Allows customization of the primary label, side header and subline text slot color.",
|
|
17871
|
-
"name": "--mdc-listitem-primary-label-color",
|
|
17872
|
-
"inheritedFrom": {
|
|
17873
|
-
"name": "ListItem",
|
|
17874
|
-
"module": "src/components/listitem/listitem.component.ts"
|
|
17875
|
-
}
|
|
17876
|
-
},
|
|
17877
|
-
{
|
|
17878
|
-
"description": "Allows customization of the secondary and tertiary label text slot color.",
|
|
17879
|
-
"name": "--mdc-listitem-secondary-label-color",
|
|
17880
|
-
"inheritedFrom": {
|
|
17881
|
-
"name": "ListItem",
|
|
17882
|
-
"module": "src/components/listitem/listitem.component.ts"
|
|
17883
|
-
}
|
|
17884
|
-
},
|
|
17885
|
-
{
|
|
17886
|
-
"description": "Allows customization of the disabled color.",
|
|
17887
|
-
"name": "--mdc-listitem-disabled-color",
|
|
17888
|
-
"inheritedFrom": {
|
|
17889
|
-
"name": "ListItem",
|
|
17890
|
-
"module": "src/components/listitem/listitem.component.ts"
|
|
17891
|
-
}
|
|
17892
|
-
},
|
|
17893
|
-
{
|
|
17894
|
-
"description": "Allows customization of column gap.",
|
|
17895
|
-
"name": "--mdc-listitem-column-gap",
|
|
17896
|
-
"inheritedFrom": {
|
|
17897
|
-
"name": "ListItem",
|
|
17898
|
-
"module": "src/components/listitem/listitem.component.ts"
|
|
17899
|
-
}
|
|
17900
|
-
},
|
|
17901
|
-
{
|
|
17902
|
-
"description": "Allows customization of padding left and right.",
|
|
17903
|
-
"name": "--mdc-listitem-padding-left-and-right",
|
|
17904
|
-
"inheritedFrom": {
|
|
17905
|
-
"name": "ListItem",
|
|
17906
|
-
"module": "src/components/listitem/listitem.component.ts"
|
|
17907
|
-
}
|
|
17908
|
-
}
|
|
17909
|
-
]
|
|
17910
|
-
}
|
|
17911
|
-
],
|
|
17912
|
-
"exports": [
|
|
17913
|
-
{
|
|
17914
|
-
"kind": "js",
|
|
17915
|
-
"name": "default",
|
|
17916
|
-
"declaration": {
|
|
17917
|
-
"name": "MenuItemRadio",
|
|
17918
|
-
"module": "components/menuitemradio/menuitemradio.component.js"
|
|
17919
|
-
}
|
|
17920
|
-
}
|
|
17921
|
-
]
|
|
17922
|
-
},
|
|
17923
|
-
{
|
|
17924
|
-
"kind": "javascript-module",
|
|
17925
|
-
"path": "components/menupopover/menupopover.component.js",
|
|
17926
|
-
"declarations": [
|
|
17927
|
-
{
|
|
17928
|
-
"kind": "class",
|
|
17929
|
-
"description": "A popover menu component that displays a list of menu items in a floating container.\nIt's designed to work in conjunction with `mdc-menubar` and `mdc-menuitem` to create\naccessible, nested menu structures with the following features:\n- Appears adjacent to the triggering menu item\n- Supports keyboard navigation (arrow keys, Home, End)\n- Manages focus trapping when open\n- Closes on Escape key or outside click\n- Supports both mouse and keyboard interactions\n- Automatically handles ARIA attributes for accessibility\n\nThe component extends `mdc-popover` and adds menu-specific behaviors and styling.\nWhen nested within another `mdc-menupopover`, it automatically adjusts its behavior\nto work as a submenu (right-aligned, shows on hover).\n\nThe orientation of the menu popover is always set to `vertical`.",
|
|
17930
|
-
"name": "MenuPopover",
|
|
17931
|
-
"slots": [
|
|
17932
|
-
{
|
|
17933
|
-
"description": "Contains the menu items to be displayed in the popover",
|
|
17934
|
-
"name": "default"
|
|
17935
|
-
},
|
|
17936
|
-
{
|
|
17937
|
-
"description": "Default slot for the popover content",
|
|
17938
|
-
"name": "",
|
|
17939
|
-
"inheritedFrom": {
|
|
17940
|
-
"name": "Popover",
|
|
17941
|
-
"module": "src/components/popover/popover.component.ts"
|
|
17942
|
-
}
|
|
17943
|
-
}
|
|
17944
|
-
],
|
|
17945
|
-
"members": [
|
|
17946
|
-
{
|
|
17947
|
-
"kind": "field",
|
|
17948
|
-
"name": "ariaOrientation",
|
|
17949
|
-
"type": {
|
|
17950
|
-
"text": "Orientation"
|
|
17951
|
-
},
|
|
17952
|
-
"description": "Defines the orientation of the menu. This value is reflected to\nthe `aria-orientation` attribute and can be either `'horizontal'` or `'vertical'`.",
|
|
17953
|
-
"default": "'horizontal'",
|
|
17954
|
-
"attribute": "aria-orientation",
|
|
17955
|
-
"reflects": true,
|
|
17956
|
-
"inheritedFrom": {
|
|
17957
|
-
"name": "MenuMixin",
|
|
17958
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
17959
|
-
}
|
|
17960
|
-
},
|
|
17961
|
-
{
|
|
17962
|
-
"kind": "method",
|
|
17963
|
-
"name": "setMenuBarPopoverValue",
|
|
17964
|
-
"privacy": "private",
|
|
17965
|
-
"parameters": [
|
|
17966
|
-
{
|
|
17967
|
-
"name": "value",
|
|
17968
|
-
"type": {
|
|
17969
|
-
"text": "boolean"
|
|
17970
|
-
},
|
|
17971
|
-
"description": "The value to set."
|
|
17972
|
-
}
|
|
17973
|
-
],
|
|
17974
|
-
"description": "Sets the value of the data-menu-popover-open attribute on the menu element.",
|
|
17975
|
-
"inheritedFrom": {
|
|
17976
|
-
"name": "MenuMixin",
|
|
17977
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
17978
|
-
}
|
|
17979
|
-
},
|
|
17980
|
-
{
|
|
17981
|
-
"kind": "method",
|
|
17982
|
-
"name": "isMenuPopoverOpen",
|
|
17983
|
-
"privacy": "private",
|
|
17984
|
-
"return": {
|
|
17985
|
-
"type": {
|
|
17986
|
-
"text": "boolean"
|
|
17987
|
-
}
|
|
17988
|
-
},
|
|
17989
|
-
"description": "Returns true if the data-menu-popover-open attribute on the menu element is set to 'true', false otherwise.",
|
|
17990
|
-
"inheritedFrom": {
|
|
17991
|
-
"name": "MenuMixin",
|
|
17992
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
17993
|
-
}
|
|
17994
|
-
},
|
|
17995
|
-
{
|
|
17996
|
-
"kind": "method",
|
|
17997
|
-
"name": "getCurrentIndex",
|
|
17998
|
-
"privacy": "private",
|
|
17999
|
-
"return": {
|
|
18000
|
-
"type": {
|
|
18001
|
-
"text": ""
|
|
18002
|
-
}
|
|
18003
|
-
},
|
|
18004
|
-
"parameters": [
|
|
18005
|
-
{
|
|
18006
|
-
"name": "target",
|
|
18007
|
-
"type": {
|
|
18008
|
-
"text": "EventTarget | null"
|
|
18009
|
-
},
|
|
18010
|
-
"description": "The target element to find the index of."
|
|
18011
|
-
}
|
|
18012
|
-
],
|
|
18013
|
-
"description": "Returns the index of the given target in the menuItems array.\nIf the target is not a menu item, but a child element of a menu item,\nit returns the index of the parent menu item.",
|
|
18014
|
-
"inheritedFrom": {
|
|
18015
|
-
"name": "MenuMixin",
|
|
18016
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
18017
|
-
}
|
|
18018
|
-
},
|
|
18019
|
-
{
|
|
18020
|
-
"kind": "method",
|
|
18021
|
-
"name": "updatePopoverPlacementBasedOnOrientation",
|
|
18022
|
-
"privacy": "protected",
|
|
18023
|
-
"return": {
|
|
18024
|
-
"type": {
|
|
18025
|
-
"text": "void"
|
|
18026
|
-
}
|
|
18027
|
-
},
|
|
18028
|
-
"description": "Updates the placement of the popover based on the aria-orientation property.",
|
|
18029
|
-
"inheritedFrom": {
|
|
18030
|
-
"name": "MenuMixin",
|
|
18031
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
18032
|
-
}
|
|
18033
|
-
},
|
|
18034
|
-
{
|
|
18035
|
-
"kind": "method",
|
|
18036
|
-
"name": "updateTabIndexAndFocusNewIndex",
|
|
18037
|
-
"privacy": "private",
|
|
18038
|
-
"parameters": [
|
|
18039
|
-
{
|
|
18040
|
-
"name": "menuItems",
|
|
18041
|
-
"type": {
|
|
18042
|
-
"text": "Array<HTMLElement>"
|
|
18043
|
-
},
|
|
18044
|
-
"description": "The list of menu items."
|
|
18045
|
-
},
|
|
18046
|
-
{
|
|
18047
|
-
"name": "currentIndex",
|
|
18048
|
-
"type": {
|
|
18049
|
-
"text": "number"
|
|
18050
|
-
},
|
|
18051
|
-
"description": "The current index of the focused menu item."
|
|
18052
|
-
},
|
|
18053
|
-
{
|
|
18054
|
-
"name": "newIndex",
|
|
18055
|
-
"type": {
|
|
18056
|
-
"text": "number"
|
|
18057
|
-
},
|
|
18058
|
-
"description": "The index of the new active element in the list."
|
|
18059
|
-
}
|
|
18060
|
-
],
|
|
18061
|
-
"description": "Updates the tabindex of the current index to -1 and the tabindex of the new index to 0,\neffectively setting the active element. This is used when navigating the menu via keyboard.",
|
|
18062
|
-
"inheritedFrom": {
|
|
18063
|
-
"name": "MenuMixin",
|
|
18064
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
18065
|
-
}
|
|
18066
|
-
},
|
|
18067
|
-
{
|
|
18068
|
-
"kind": "method",
|
|
18069
|
-
"name": "isValidMenu",
|
|
18070
|
-
"privacy": "private",
|
|
18071
|
-
"return": {
|
|
18072
|
-
"type": {
|
|
18073
|
-
"text": ""
|
|
18074
|
-
}
|
|
18075
|
-
},
|
|
18076
|
-
"parameters": [
|
|
18077
|
-
{
|
|
18078
|
-
"name": "tagName",
|
|
18079
|
-
"optional": true,
|
|
18080
|
-
"type": {
|
|
18081
|
-
"text": "string"
|
|
18082
|
-
},
|
|
18083
|
-
"description": "The tag name to check."
|
|
18084
|
-
}
|
|
18085
|
-
],
|
|
18086
|
-
"description": "Checks if the given tag name is a valid menu tag name.",
|
|
18087
|
-
"inheritedFrom": {
|
|
18088
|
-
"name": "MenuMixin",
|
|
18089
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
18090
|
-
}
|
|
18091
|
-
},
|
|
18092
|
-
{
|
|
18093
|
-
"kind": "method",
|
|
18094
|
-
"name": "isValidNavItemList",
|
|
18095
|
-
"privacy": "private",
|
|
18096
|
-
"return": {
|
|
18097
|
-
"type": {
|
|
18098
|
-
"text": ""
|
|
18099
|
-
}
|
|
18100
|
-
},
|
|
18101
|
-
"parameters": [
|
|
18102
|
-
{
|
|
18103
|
-
"name": "tagName",
|
|
18104
|
-
"optional": true,
|
|
18105
|
-
"type": {
|
|
18106
|
-
"text": "string"
|
|
18107
|
-
},
|
|
18108
|
-
"description": "The tag name to check."
|
|
18109
|
-
}
|
|
18110
|
-
],
|
|
18111
|
-
"description": "Checks if the given tag name is a valid navitemlist tag name.",
|
|
18112
|
-
"inheritedFrom": {
|
|
18113
|
-
"name": "MenuMixin",
|
|
18114
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
18115
|
-
}
|
|
18116
|
-
},
|
|
18117
|
-
{
|
|
18118
|
-
"kind": "method",
|
|
18119
|
-
"name": "isValidPopover",
|
|
18120
|
-
"privacy": "private",
|
|
18121
|
-
"return": {
|
|
18122
|
-
"type": {
|
|
18123
|
-
"text": ""
|
|
18124
|
-
}
|
|
18125
|
-
},
|
|
18126
|
-
"parameters": [
|
|
18127
|
-
{
|
|
18128
|
-
"name": "tagName",
|
|
18129
|
-
"optional": true,
|
|
18130
|
-
"type": {
|
|
18131
|
-
"text": "string"
|
|
18132
|
-
},
|
|
18133
|
-
"description": "The tag name to check."
|
|
18134
|
-
}
|
|
18135
|
-
],
|
|
18136
|
-
"description": "Checks if the given tag name is a valid menu popover tag name.",
|
|
18137
|
-
"inheritedFrom": {
|
|
18138
|
-
"name": "MenuMixin",
|
|
18139
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
18140
|
-
}
|
|
18141
|
-
},
|
|
18142
|
-
{
|
|
18143
|
-
"kind": "method",
|
|
18144
|
-
"name": "openPopover",
|
|
18145
|
-
"privacy": "private",
|
|
18146
|
-
"return": {
|
|
18147
|
-
"type": {
|
|
18148
|
-
"text": ""
|
|
18149
|
-
}
|
|
18150
|
-
},
|
|
18151
|
-
"parameters": [
|
|
18152
|
-
{
|
|
18153
|
-
"name": "index",
|
|
18154
|
-
"type": {
|
|
18155
|
-
"text": "number"
|
|
18156
|
-
},
|
|
18157
|
-
"description": "The index of the menu item to open the popover for."
|
|
18158
|
-
}
|
|
18159
|
-
],
|
|
18160
|
-
"description": "Opens the popover at the given index if it exists.",
|
|
17964
|
+
{
|
|
17965
|
+
"description": "Allows customization of the background color when pressed.",
|
|
17966
|
+
"name": "--mdc-listitem-background-color-active",
|
|
18161
17967
|
"inheritedFrom": {
|
|
18162
|
-
"name": "
|
|
18163
|
-
"module": "
|
|
17968
|
+
"name": "ListItem",
|
|
17969
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
18164
17970
|
}
|
|
18165
17971
|
},
|
|
18166
17972
|
{
|
|
18167
|
-
"
|
|
18168
|
-
"name": "
|
|
18169
|
-
"privacy": "private",
|
|
18170
|
-
"return": {
|
|
18171
|
-
"type": {
|
|
18172
|
-
"text": "void"
|
|
18173
|
-
}
|
|
18174
|
-
},
|
|
18175
|
-
"parameters": [
|
|
18176
|
-
{
|
|
18177
|
-
"name": "currentIndex",
|
|
18178
|
-
"type": {
|
|
18179
|
-
"text": "number"
|
|
18180
|
-
},
|
|
18181
|
-
"description": "The current index of the focused menu item."
|
|
18182
|
-
},
|
|
18183
|
-
{
|
|
18184
|
-
"name": "firstMenuIndex",
|
|
18185
|
-
"type": {
|
|
18186
|
-
"text": "number"
|
|
18187
|
-
},
|
|
18188
|
-
"description": "The index of the first menu item."
|
|
18189
|
-
},
|
|
18190
|
-
{
|
|
18191
|
-
"name": "lastMenuIndex",
|
|
18192
|
-
"type": {
|
|
18193
|
-
"text": "number"
|
|
18194
|
-
},
|
|
18195
|
-
"description": "The index of the last menu item."
|
|
18196
|
-
},
|
|
18197
|
-
{
|
|
18198
|
-
"name": "ariaOrientation",
|
|
18199
|
-
"type": {
|
|
18200
|
-
"text": "Orientation"
|
|
18201
|
-
},
|
|
18202
|
-
"description": "The orientation of the menu."
|
|
18203
|
-
}
|
|
18204
|
-
],
|
|
18205
|
-
"description": "Navigates to the previous menu item and updates the tabindex of the current index\nto -1 and the tabindex of the new index to 0.",
|
|
17973
|
+
"description": "Allows customization of the primary label, side header and subline text slot color.",
|
|
17974
|
+
"name": "--mdc-listitem-primary-label-color",
|
|
18206
17975
|
"inheritedFrom": {
|
|
18207
|
-
"name": "
|
|
18208
|
-
"module": "
|
|
17976
|
+
"name": "ListItem",
|
|
17977
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
18209
17978
|
}
|
|
18210
17979
|
},
|
|
18211
17980
|
{
|
|
18212
|
-
"
|
|
18213
|
-
"name": "
|
|
18214
|
-
"privacy": "private",
|
|
18215
|
-
"return": {
|
|
18216
|
-
"type": {
|
|
18217
|
-
"text": "void"
|
|
18218
|
-
}
|
|
18219
|
-
},
|
|
18220
|
-
"parameters": [
|
|
18221
|
-
{
|
|
18222
|
-
"name": "currentIndex",
|
|
18223
|
-
"type": {
|
|
18224
|
-
"text": "number"
|
|
18225
|
-
},
|
|
18226
|
-
"description": "The current index of the focused menu item."
|
|
18227
|
-
},
|
|
18228
|
-
{
|
|
18229
|
-
"name": "firstMenuIndex",
|
|
18230
|
-
"type": {
|
|
18231
|
-
"text": "number"
|
|
18232
|
-
},
|
|
18233
|
-
"description": "The index of the first menu item."
|
|
18234
|
-
},
|
|
18235
|
-
{
|
|
18236
|
-
"name": "lastMenuIndex",
|
|
18237
|
-
"type": {
|
|
18238
|
-
"text": "number"
|
|
18239
|
-
},
|
|
18240
|
-
"description": "The index of the last menu item."
|
|
18241
|
-
},
|
|
18242
|
-
{
|
|
18243
|
-
"name": "ariaOrientation",
|
|
18244
|
-
"type": {
|
|
18245
|
-
"text": "Orientation"
|
|
18246
|
-
},
|
|
18247
|
-
"description": "The orientation of the menu."
|
|
18248
|
-
}
|
|
18249
|
-
],
|
|
18250
|
-
"description": "Navigates to the next menu item and updates the tabindex of the current index\nto -1 and the tabindex of the new index to 0.",
|
|
17981
|
+
"description": "Allows customization of the secondary and tertiary label text slot color.",
|
|
17982
|
+
"name": "--mdc-listitem-secondary-label-color",
|
|
18251
17983
|
"inheritedFrom": {
|
|
18252
|
-
"name": "
|
|
18253
|
-
"module": "
|
|
17984
|
+
"name": "ListItem",
|
|
17985
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
18254
17986
|
}
|
|
18255
17987
|
},
|
|
18256
17988
|
{
|
|
18257
|
-
"
|
|
18258
|
-
"name": "
|
|
18259
|
-
"privacy": "private",
|
|
18260
|
-
"return": {
|
|
18261
|
-
"type": {
|
|
18262
|
-
"text": ""
|
|
18263
|
-
}
|
|
18264
|
-
},
|
|
18265
|
-
"parameters": [
|
|
18266
|
-
{
|
|
18267
|
-
"name": "menuChildId",
|
|
18268
|
-
"type": {
|
|
18269
|
-
"text": "string"
|
|
18270
|
-
},
|
|
18271
|
-
"description": "The id of the menu child element."
|
|
18272
|
-
},
|
|
18273
|
-
{
|
|
18274
|
-
"name": "menu",
|
|
18275
|
-
"optional": true,
|
|
18276
|
-
"type": {
|
|
18277
|
-
"text": "HTMLElement | null"
|
|
18278
|
-
},
|
|
18279
|
-
"description": "The current menu element to start traversing from."
|
|
18280
|
-
}
|
|
18281
|
-
],
|
|
18282
|
-
"description": "Returns the parent menu item details for the given menu child id.\nIt recursively traverses up the DOM tree until it finds a menu or menubar element.",
|
|
17989
|
+
"description": "Allows customization of the disabled color.",
|
|
17990
|
+
"name": "--mdc-listitem-disabled-color",
|
|
18283
17991
|
"inheritedFrom": {
|
|
18284
|
-
"name": "
|
|
18285
|
-
"module": "
|
|
17992
|
+
"name": "ListItem",
|
|
17993
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
18286
17994
|
}
|
|
18287
17995
|
},
|
|
18288
17996
|
{
|
|
18289
|
-
"
|
|
18290
|
-
"name": "
|
|
18291
|
-
"privacy": "private",
|
|
18292
|
-
"return": {
|
|
18293
|
-
"type": {
|
|
18294
|
-
"text": "void"
|
|
18295
|
-
}
|
|
18296
|
-
},
|
|
18297
|
-
"parameters": [
|
|
18298
|
-
{
|
|
18299
|
-
"name": "menu",
|
|
18300
|
-
"optional": true,
|
|
18301
|
-
"type": {
|
|
18302
|
-
"text": "HTMLElement | null"
|
|
18303
|
-
},
|
|
18304
|
-
"description": "The current menu element to start traversing from."
|
|
18305
|
-
}
|
|
18306
|
-
],
|
|
18307
|
-
"description": "Recursively hides all the popovers up the DOM tree until it finds a menu or menubar element.",
|
|
17997
|
+
"description": "Allows customization of column gap.",
|
|
17998
|
+
"name": "--mdc-listitem-column-gap",
|
|
18308
17999
|
"inheritedFrom": {
|
|
18309
|
-
"name": "
|
|
18310
|
-
"module": "
|
|
18000
|
+
"name": "ListItem",
|
|
18001
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
18311
18002
|
}
|
|
18312
18003
|
},
|
|
18313
18004
|
{
|
|
18314
|
-
"
|
|
18315
|
-
"name": "
|
|
18316
|
-
"privacy": "private",
|
|
18317
|
-
"return": {
|
|
18318
|
-
"type": {
|
|
18319
|
-
"text": "void"
|
|
18320
|
-
}
|
|
18321
|
-
},
|
|
18322
|
-
"parameters": [
|
|
18323
|
-
{
|
|
18324
|
-
"name": "currentIndex",
|
|
18325
|
-
"type": {
|
|
18326
|
-
"text": "number"
|
|
18327
|
-
},
|
|
18328
|
-
"description": "The current index of the focused menu item."
|
|
18329
|
-
},
|
|
18330
|
-
{
|
|
18331
|
-
"name": "key",
|
|
18332
|
-
"type": {
|
|
18333
|
-
"text": "string"
|
|
18334
|
-
}
|
|
18335
|
-
}
|
|
18336
|
-
],
|
|
18337
|
-
"description": "Recursively navigates up the DOM tree until it finds the previous menu item\nand updates the tabindex of the current index to -1 and the tabindex of the new index to 0.\nAlso opens the popover of the previous menu item.",
|
|
18005
|
+
"description": "Allows customization of padding left and right.",
|
|
18006
|
+
"name": "--mdc-listitem-padding-left-and-right",
|
|
18338
18007
|
"inheritedFrom": {
|
|
18339
|
-
"name": "
|
|
18340
|
-
"module": "
|
|
18008
|
+
"name": "ListItem",
|
|
18009
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
18341
18010
|
}
|
|
18011
|
+
}
|
|
18012
|
+
]
|
|
18013
|
+
}
|
|
18014
|
+
],
|
|
18015
|
+
"exports": [
|
|
18016
|
+
{
|
|
18017
|
+
"kind": "js",
|
|
18018
|
+
"name": "default",
|
|
18019
|
+
"declaration": {
|
|
18020
|
+
"name": "MenuItemRadio",
|
|
18021
|
+
"module": "components/menuitemradio/menuitemradio.component.js"
|
|
18022
|
+
}
|
|
18023
|
+
}
|
|
18024
|
+
]
|
|
18025
|
+
},
|
|
18026
|
+
{
|
|
18027
|
+
"kind": "javascript-module",
|
|
18028
|
+
"path": "components/menupopover/menupopover.component.js",
|
|
18029
|
+
"declarations": [
|
|
18030
|
+
{
|
|
18031
|
+
"kind": "class",
|
|
18032
|
+
"description": "A popover menu component that displays a list of menu items in a floating container.\nIt's designed to work in conjunction with `mdc-menubar` and `mdc-menuitem` to create\naccessible, nested menu structures with the following features:\n- Appears adjacent to the triggering menu item\n- Supports keyboard navigation (arrow keys, Home, End)\n- Manages focus trapping when open\n- Closes on Escape key or outside click\n- Supports both mouse and keyboard interactions\n- Automatically handles ARIA attributes for accessibility\n\nThe component extends `mdc-popover` and adds menu-specific behaviors and styling.\nWhen nested within another `mdc-menupopover`, it automatically adjusts its behavior\nto work as a submenu (right-aligned, shows on hover).\n\nThe orientation of the menu popover is always set to `vertical`.",
|
|
18033
|
+
"name": "MenuPopover",
|
|
18034
|
+
"slots": [
|
|
18035
|
+
{
|
|
18036
|
+
"description": "Contains the menu items to be displayed in the popover",
|
|
18037
|
+
"name": "default"
|
|
18342
18038
|
},
|
|
18343
18039
|
{
|
|
18344
|
-
"
|
|
18345
|
-
"name": "
|
|
18346
|
-
"privacy": "private",
|
|
18347
|
-
"return": {
|
|
18348
|
-
"type": {
|
|
18349
|
-
"text": "void"
|
|
18350
|
-
}
|
|
18351
|
-
},
|
|
18352
|
-
"parameters": [
|
|
18353
|
-
{
|
|
18354
|
-
"name": "currentIndex",
|
|
18355
|
-
"type": {
|
|
18356
|
-
"text": "number"
|
|
18357
|
-
},
|
|
18358
|
-
"description": "The current index of the focused menu item."
|
|
18359
|
-
},
|
|
18360
|
-
{
|
|
18361
|
-
"name": "key",
|
|
18362
|
-
"type": {
|
|
18363
|
-
"text": "string"
|
|
18364
|
-
}
|
|
18365
|
-
}
|
|
18366
|
-
],
|
|
18367
|
-
"description": "Closes the current menu popover and navigates to the previous parent menu item.",
|
|
18040
|
+
"description": "Default slot for the popover content",
|
|
18041
|
+
"name": "",
|
|
18368
18042
|
"inheritedFrom": {
|
|
18369
|
-
"name": "
|
|
18370
|
-
"module": "
|
|
18043
|
+
"name": "Popover",
|
|
18044
|
+
"module": "src/components/popover/popover.component.ts"
|
|
18045
|
+
}
|
|
18046
|
+
}
|
|
18047
|
+
],
|
|
18048
|
+
"members": [
|
|
18049
|
+
{
|
|
18050
|
+
"kind": "field",
|
|
18051
|
+
"name": "hidePopover",
|
|
18052
|
+
"privacy": "public",
|
|
18053
|
+
"description": "Hides the popover.",
|
|
18054
|
+
"inheritedFrom": {
|
|
18055
|
+
"name": "Popover",
|
|
18056
|
+
"module": "components/popover/popover.component.js"
|
|
18371
18057
|
}
|
|
18372
18058
|
},
|
|
18373
18059
|
{
|
|
18374
18060
|
"kind": "method",
|
|
18375
|
-
"name": "
|
|
18061
|
+
"name": "getCurrentIndex",
|
|
18376
18062
|
"privacy": "private",
|
|
18377
18063
|
"return": {
|
|
18378
18064
|
"type": {
|
|
@@ -18381,92 +18067,67 @@
|
|
|
18381
18067
|
},
|
|
18382
18068
|
"parameters": [
|
|
18383
18069
|
{
|
|
18384
|
-
"name": "
|
|
18070
|
+
"name": "target",
|
|
18385
18071
|
"type": {
|
|
18386
|
-
"text": "
|
|
18072
|
+
"text": "EventTarget | null"
|
|
18387
18073
|
},
|
|
18388
|
-
"description": "The
|
|
18074
|
+
"description": "The target element that triggered the event."
|
|
18389
18075
|
}
|
|
18390
18076
|
],
|
|
18391
|
-
"description": "
|
|
18392
|
-
"inheritedFrom": {
|
|
18393
|
-
"name": "MenuMixin",
|
|
18394
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
18395
|
-
}
|
|
18077
|
+
"description": "Retrieves the current index of the menu item that triggered the event."
|
|
18396
18078
|
},
|
|
18397
18079
|
{
|
|
18398
18080
|
"kind": "method",
|
|
18399
|
-
"name": "
|
|
18081
|
+
"name": "resetTabIndexAndSetFocus",
|
|
18400
18082
|
"privacy": "private",
|
|
18401
|
-
"return": {
|
|
18402
|
-
"type": {
|
|
18403
|
-
"text": "void"
|
|
18404
|
-
}
|
|
18405
|
-
},
|
|
18406
18083
|
"parameters": [
|
|
18407
18084
|
{
|
|
18408
|
-
"name": "
|
|
18085
|
+
"name": "newIndex",
|
|
18409
18086
|
"type": {
|
|
18410
18087
|
"text": "number"
|
|
18411
18088
|
},
|
|
18412
|
-
"description": "The
|
|
18089
|
+
"description": "The index of the new menu item to focus."
|
|
18090
|
+
},
|
|
18091
|
+
{
|
|
18092
|
+
"name": "oldIndex",
|
|
18093
|
+
"type": {
|
|
18094
|
+
"text": "number"
|
|
18095
|
+
},
|
|
18096
|
+
"description": "The index of the currently focused menu item."
|
|
18413
18097
|
}
|
|
18414
18098
|
],
|
|
18415
|
-
"description": "
|
|
18416
|
-
"inheritedFrom": {
|
|
18417
|
-
"name": "MenuMixin",
|
|
18418
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
18419
|
-
}
|
|
18420
|
-
},
|
|
18421
|
-
{
|
|
18422
|
-
"kind": "method",
|
|
18423
|
-
"name": "isValidMenuItem",
|
|
18424
|
-
"privacy": "private",
|
|
18099
|
+
"description": "Resets the tabindex of the currently focused menu item and sets focus to a new menu item.",
|
|
18425
18100
|
"return": {
|
|
18426
18101
|
"type": {
|
|
18427
18102
|
"text": ""
|
|
18428
18103
|
}
|
|
18429
|
-
},
|
|
18430
|
-
"parameters": [
|
|
18431
|
-
{
|
|
18432
|
-
"name": "menuItem",
|
|
18433
|
-
"type": {
|
|
18434
|
-
"text": "HTMLElement"
|
|
18435
|
-
},
|
|
18436
|
-
"description": "The menu item to check."
|
|
18437
|
-
}
|
|
18438
|
-
],
|
|
18439
|
-
"description": "Checks if the given menu item is a valid menu item.",
|
|
18440
|
-
"inheritedFrom": {
|
|
18441
|
-
"name": "MenuMixin",
|
|
18442
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
18443
18104
|
}
|
|
18444
18105
|
},
|
|
18445
18106
|
{
|
|
18446
18107
|
"kind": "method",
|
|
18447
|
-
"name": "
|
|
18108
|
+
"name": "closeAllMenuPopovers",
|
|
18448
18109
|
"privacy": "private",
|
|
18110
|
+
"description": "Closes all menu popovers in the stack.\nThis method is used to ensure that when a menu item is clicked,\nall other open popovers are closed, maintaining a clean user interface.\nIt iterates through the `popoverStack` and hides each popover until the stack is empty."
|
|
18111
|
+
},
|
|
18112
|
+
{
|
|
18113
|
+
"kind": "field",
|
|
18114
|
+
"name": "onOutsidePopoverClick",
|
|
18115
|
+
"privacy": "protected",
|
|
18116
|
+
"description": "Handles outside click events to close the popover.\nThis method checks if the click occurred outside the popover and its trigger element.\nIf so, it closes the popover by calling `closeAllMenuPopovers`.\nIt also checks if the click was on the backdrop element (if present) to close the popover.",
|
|
18449
18117
|
"parameters": [
|
|
18450
18118
|
{
|
|
18451
|
-
"
|
|
18452
|
-
"
|
|
18453
|
-
"text": "Array<HTMLElement>"
|
|
18454
|
-
}
|
|
18455
|
-
},
|
|
18456
|
-
{
|
|
18457
|
-
"description": "The index of the new active element in the list.",
|
|
18458
|
-
"name": "newIndex"
|
|
18119
|
+
"description": "The mouse event that triggered the outside click.",
|
|
18120
|
+
"name": "event"
|
|
18459
18121
|
}
|
|
18460
18122
|
],
|
|
18461
|
-
"description": "Resets all list items tabindex to -1 and sets the tabindex of the\nelement at the given index to 0, effectively setting the active\nelement. This is used when navigating the list via keyboard.",
|
|
18462
18123
|
"inheritedFrom": {
|
|
18463
|
-
"name": "
|
|
18464
|
-
"module": "
|
|
18124
|
+
"name": "Popover",
|
|
18125
|
+
"module": "components/popover/popover.component.js"
|
|
18465
18126
|
}
|
|
18466
18127
|
},
|
|
18467
18128
|
{
|
|
18468
18129
|
"kind": "method",
|
|
18469
|
-
"name": "
|
|
18130
|
+
"name": "hasSubmenuWithTriggerId",
|
|
18470
18131
|
"privacy": "private",
|
|
18471
18132
|
"return": {
|
|
18472
18133
|
"type": {
|
|
@@ -18475,23 +18136,19 @@
|
|
|
18475
18136
|
},
|
|
18476
18137
|
"parameters": [
|
|
18477
18138
|
{
|
|
18478
|
-
"name": "
|
|
18139
|
+
"name": "id",
|
|
18479
18140
|
"type": {
|
|
18480
|
-
"text": "string"
|
|
18141
|
+
"text": "string | null"
|
|
18481
18142
|
},
|
|
18482
|
-
"description": "The
|
|
18143
|
+
"description": "The ID of the menu item to check for a submenu."
|
|
18483
18144
|
}
|
|
18484
18145
|
],
|
|
18485
|
-
"description": "
|
|
18486
|
-
"inheritedFrom": {
|
|
18487
|
-
"name": "MenuMixin",
|
|
18488
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
18489
|
-
}
|
|
18146
|
+
"description": "Checks if the menu popover has a submenu with the specified trigger ID.\nThis method is used to determine if a menu item has a submenu associated with it,\nwhich is indicated by the presence of a `triggerid` attribute in the submenu popover.\nIt queries the parent element for any popover with the specified trigger ID."
|
|
18490
18147
|
},
|
|
18491
18148
|
{
|
|
18492
18149
|
"kind": "method",
|
|
18493
|
-
"name": "
|
|
18494
|
-
"privacy": "
|
|
18150
|
+
"name": "handleMouseClick",
|
|
18151
|
+
"privacy": "private",
|
|
18495
18152
|
"return": {
|
|
18496
18153
|
"type": {
|
|
18497
18154
|
"text": "void"
|
|
@@ -18501,63 +18158,58 @@
|
|
|
18501
18158
|
{
|
|
18502
18159
|
"name": "event",
|
|
18503
18160
|
"type": {
|
|
18504
|
-
"text": "
|
|
18161
|
+
"text": "MouseEvent"
|
|
18505
18162
|
},
|
|
18506
|
-
"description": "The
|
|
18163
|
+
"description": "The mouse event that triggered the click."
|
|
18507
18164
|
}
|
|
18508
18165
|
],
|
|
18509
|
-
"description": "Handles
|
|
18510
|
-
"inheritedFrom": {
|
|
18511
|
-
"name": "MenuMixin",
|
|
18512
|
-
"module": "utils/mixins/MenuMixin.js"
|
|
18513
|
-
}
|
|
18166
|
+
"description": "Handles mouse click events on the menu items.\nThis method checks if the clicked element is a valid menu item and not a submenu trigger.\nIf it is, it closes all other menu popovers to ensure only one menu is open at a time."
|
|
18514
18167
|
},
|
|
18515
18168
|
{
|
|
18516
18169
|
"kind": "method",
|
|
18517
|
-
"name": "
|
|
18170
|
+
"name": "resolveDirectionKey",
|
|
18518
18171
|
"privacy": "private",
|
|
18519
|
-
"return": {
|
|
18520
|
-
"type": {
|
|
18521
|
-
"text": "void"
|
|
18522
|
-
}
|
|
18523
|
-
},
|
|
18524
18172
|
"parameters": [
|
|
18525
18173
|
{
|
|
18526
|
-
"name": "
|
|
18174
|
+
"name": "key",
|
|
18527
18175
|
"type": {
|
|
18528
|
-
"text": "
|
|
18176
|
+
"text": "string"
|
|
18529
18177
|
},
|
|
18530
|
-
"description": "The
|
|
18178
|
+
"description": "The key pressed by the user."
|
|
18179
|
+
},
|
|
18180
|
+
{
|
|
18181
|
+
"name": "isRtl",
|
|
18182
|
+
"type": {
|
|
18183
|
+
"text": "boolean"
|
|
18184
|
+
},
|
|
18185
|
+
"description": "A boolean indicating if the layout is right-to-left (RTL)."
|
|
18531
18186
|
}
|
|
18532
18187
|
],
|
|
18533
|
-
"description": "
|
|
18534
|
-
"
|
|
18535
|
-
"
|
|
18536
|
-
|
|
18188
|
+
"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.",
|
|
18189
|
+
"return": {
|
|
18190
|
+
"type": {
|
|
18191
|
+
"text": ""
|
|
18192
|
+
}
|
|
18537
18193
|
}
|
|
18538
18194
|
},
|
|
18539
18195
|
{
|
|
18540
18196
|
"kind": "method",
|
|
18541
|
-
"name": "
|
|
18542
|
-
"privacy": "
|
|
18543
|
-
"return": {
|
|
18544
|
-
"type": {
|
|
18545
|
-
"text": "void"
|
|
18546
|
-
}
|
|
18547
|
-
},
|
|
18197
|
+
"name": "handleKeyDown",
|
|
18198
|
+
"privacy": "private",
|
|
18548
18199
|
"parameters": [
|
|
18549
18200
|
{
|
|
18550
18201
|
"name": "event",
|
|
18551
18202
|
"type": {
|
|
18552
|
-
"text": "
|
|
18203
|
+
"text": "KeyboardEvent"
|
|
18553
18204
|
},
|
|
18554
|
-
"description": "The
|
|
18205
|
+
"description": "The keyboard event that triggered the keydown action."
|
|
18555
18206
|
}
|
|
18556
18207
|
],
|
|
18557
|
-
"description": "Handles
|
|
18558
|
-
"
|
|
18559
|
-
"
|
|
18560
|
-
|
|
18208
|
+
"description": "Handles keydown events for keyboard navigation within the menu popover.\nThis method allows users to navigate through the menu items using the keyboard.\nIt supports Home, End, Arrow Up, Arrow Down, Arrow Left, Arrow Right, and Escape keys.",
|
|
18209
|
+
"return": {
|
|
18210
|
+
"type": {
|
|
18211
|
+
"text": ""
|
|
18212
|
+
}
|
|
18561
18213
|
}
|
|
18562
18214
|
},
|
|
18563
18215
|
{
|
|
@@ -19530,22 +19182,6 @@
|
|
|
19530
19182
|
"module": "components/popover/popover.component.js"
|
|
19531
19183
|
}
|
|
19532
19184
|
},
|
|
19533
|
-
{
|
|
19534
|
-
"kind": "field",
|
|
19535
|
-
"name": "onOutsidePopoverClick",
|
|
19536
|
-
"privacy": "private",
|
|
19537
|
-
"description": "Handles the outside click event to close the popover.",
|
|
19538
|
-
"parameters": [
|
|
19539
|
-
{
|
|
19540
|
-
"description": "The mouse event.",
|
|
19541
|
-
"name": "event"
|
|
19542
|
-
}
|
|
19543
|
-
],
|
|
19544
|
-
"inheritedFrom": {
|
|
19545
|
-
"name": "Popover",
|
|
19546
|
-
"module": "components/popover/popover.component.js"
|
|
19547
|
-
}
|
|
19548
|
-
},
|
|
19549
19185
|
{
|
|
19550
19186
|
"kind": "field",
|
|
19551
19187
|
"name": "onEscapeKeydown",
|
|
@@ -19634,16 +19270,6 @@
|
|
|
19634
19270
|
"module": "components/popover/popover.component.js"
|
|
19635
19271
|
}
|
|
19636
19272
|
},
|
|
19637
|
-
{
|
|
19638
|
-
"kind": "field",
|
|
19639
|
-
"name": "hidePopover",
|
|
19640
|
-
"privacy": "public",
|
|
19641
|
-
"description": "Hides the popover.",
|
|
19642
|
-
"inheritedFrom": {
|
|
19643
|
-
"name": "Popover",
|
|
19644
|
-
"module": "components/popover/popover.component.js"
|
|
19645
|
-
}
|
|
19646
|
-
},
|
|
19647
19273
|
{
|
|
19648
19274
|
"kind": "field",
|
|
19649
19275
|
"name": "togglePopoverVisible",
|
|
@@ -19674,12 +19300,6 @@
|
|
|
19674
19300
|
}
|
|
19675
19301
|
}
|
|
19676
19302
|
],
|
|
19677
|
-
"mixins": [
|
|
19678
|
-
{
|
|
19679
|
-
"name": "MenuMixin",
|
|
19680
|
-
"module": "/src/utils/mixins/MenuMixin"
|
|
19681
|
-
}
|
|
19682
|
-
],
|
|
19683
19303
|
"superclass": {
|
|
19684
19304
|
"name": "Popover",
|
|
19685
19305
|
"module": "/src/components/popover/popover.component"
|
|
@@ -19688,19 +19308,6 @@
|
|
|
19688
19308
|
"jsDoc": "/**\n * A popover menu component that displays a list of menu items in a floating container.\n * It's designed to work in conjunction with `mdc-menubar` and `mdc-menuitem` to create\n * accessible, nested menu structures with the following features:\n * - Appears adjacent to the triggering menu item\n * - Supports keyboard navigation (arrow keys, Home, End)\n * - Manages focus trapping when open\n * - Closes on Escape key or outside click\n * - Supports both mouse and keyboard interactions\n * - Automatically handles ARIA attributes for accessibility\n *\n * The component extends `mdc-popover` and adds menu-specific behaviors and styling.\n * When nested within another `mdc-menupopover`, it automatically adjusts its behavior\n * to work as a submenu (right-aligned, shows on hover).\n *\n * The orientation of the menu popover is always set to `vertical`.\n *\n * @tagname mdc-menupopover\n * @slot default - Contains the menu items to be displayed in the popover\n */",
|
|
19689
19309
|
"customElement": true,
|
|
19690
19310
|
"attributes": [
|
|
19691
|
-
{
|
|
19692
|
-
"name": "aria-orientation",
|
|
19693
|
-
"type": {
|
|
19694
|
-
"text": "Orientation"
|
|
19695
|
-
},
|
|
19696
|
-
"description": "Defines the orientation of the menu. This value is reflected to\nthe `aria-orientation` attribute and can be either `'horizontal'` or `'vertical'`.",
|
|
19697
|
-
"default": "'horizontal'",
|
|
19698
|
-
"fieldName": "ariaOrientation",
|
|
19699
|
-
"inheritedFrom": {
|
|
19700
|
-
"name": "MenuMixin",
|
|
19701
|
-
"module": "src/utils/mixins/MenuMixin.ts"
|
|
19702
|
-
}
|
|
19703
|
-
},
|
|
19704
19311
|
{
|
|
19705
19312
|
"name": "should-focus-trap-wrap",
|
|
19706
19313
|
"type": {
|
|
@@ -20553,6 +20160,54 @@
|
|
|
20553
20160
|
"module": "components/menuitem/menuitem.component.js"
|
|
20554
20161
|
}
|
|
20555
20162
|
},
|
|
20163
|
+
{
|
|
20164
|
+
"kind": "method",
|
|
20165
|
+
"name": "handleKeyDown",
|
|
20166
|
+
"privacy": "protected",
|
|
20167
|
+
"return": {
|
|
20168
|
+
"type": {
|
|
20169
|
+
"text": "void"
|
|
20170
|
+
}
|
|
20171
|
+
},
|
|
20172
|
+
"parameters": [
|
|
20173
|
+
{
|
|
20174
|
+
"name": "event",
|
|
20175
|
+
"type": {
|
|
20176
|
+
"text": "KeyboardEvent"
|
|
20177
|
+
},
|
|
20178
|
+
"description": "The keyboard event that triggered the action."
|
|
20179
|
+
}
|
|
20180
|
+
],
|
|
20181
|
+
"description": "Handles the keydown event for the menu item.\nIf the Enter key is pressed, it triggers a click event on the menu item.\nThis allows keyboard users to activate the menu item using the Enter key.",
|
|
20182
|
+
"inheritedFrom": {
|
|
20183
|
+
"name": "ListItem",
|
|
20184
|
+
"module": "components/listitem/listitem.component.js"
|
|
20185
|
+
}
|
|
20186
|
+
},
|
|
20187
|
+
{
|
|
20188
|
+
"kind": "method",
|
|
20189
|
+
"name": "handleKeyUp",
|
|
20190
|
+
"privacy": "private",
|
|
20191
|
+
"return": {
|
|
20192
|
+
"type": {
|
|
20193
|
+
"text": "void"
|
|
20194
|
+
}
|
|
20195
|
+
},
|
|
20196
|
+
"parameters": [
|
|
20197
|
+
{
|
|
20198
|
+
"name": "event",
|
|
20199
|
+
"type": {
|
|
20200
|
+
"text": "KeyboardEvent"
|
|
20201
|
+
},
|
|
20202
|
+
"description": "The keyboard event that triggered the action."
|
|
20203
|
+
}
|
|
20204
|
+
],
|
|
20205
|
+
"description": "Handles the keyup event for the menu item.\nIf the Space key is released, it triggers a click event on the menu item.\nThis allows keyboard users to activate the menu item using the Space key.\nIt also prevents the default action of the Space key to avoid scrolling the page.",
|
|
20206
|
+
"inheritedFrom": {
|
|
20207
|
+
"name": "MenuItem",
|
|
20208
|
+
"module": "components/menuitem/menuitem.component.js"
|
|
20209
|
+
}
|
|
20210
|
+
},
|
|
20556
20211
|
{
|
|
20557
20212
|
"kind": "method",
|
|
20558
20213
|
"name": "renderTrailingControls",
|
|
@@ -20727,34 +20382,10 @@
|
|
|
20727
20382
|
"module": "components/listitem/listitem.component.js"
|
|
20728
20383
|
}
|
|
20729
20384
|
},
|
|
20730
|
-
{
|
|
20731
|
-
"kind": "method",
|
|
20732
|
-
"name": "handleKeyDown",
|
|
20733
|
-
"privacy": "private",
|
|
20734
|
-
"return": {
|
|
20735
|
-
"type": {
|
|
20736
|
-
"text": "void"
|
|
20737
|
-
}
|
|
20738
|
-
},
|
|
20739
|
-
"parameters": [
|
|
20740
|
-
{
|
|
20741
|
-
"name": "event",
|
|
20742
|
-
"type": {
|
|
20743
|
-
"text": "KeyboardEvent"
|
|
20744
|
-
},
|
|
20745
|
-
"description": "The keyboard event triggered when a key is pressed down."
|
|
20746
|
-
}
|
|
20747
|
-
],
|
|
20748
|
-
"description": "Fires the click event when the enter or space key is pressed.",
|
|
20749
|
-
"inheritedFrom": {
|
|
20750
|
-
"name": "ListItem",
|
|
20751
|
-
"module": "components/listitem/listitem.component.js"
|
|
20752
|
-
}
|
|
20753
|
-
},
|
|
20754
20385
|
{
|
|
20755
20386
|
"kind": "method",
|
|
20756
20387
|
"name": "triggerClickEvent",
|
|
20757
|
-
"privacy": "
|
|
20388
|
+
"privacy": "protected",
|
|
20758
20389
|
"description": "Triggers a click event on the list item.",
|
|
20759
20390
|
"inheritedFrom": {
|
|
20760
20391
|
"name": "ListItem",
|
|
@@ -22444,7 +22075,7 @@
|
|
|
22444
22075
|
{
|
|
22445
22076
|
"kind": "method",
|
|
22446
22077
|
"name": "handleKeyDown",
|
|
22447
|
-
"privacy": "
|
|
22078
|
+
"privacy": "protected",
|
|
22448
22079
|
"return": {
|
|
22449
22080
|
"type": {
|
|
22450
22081
|
"text": "void"
|
|
@@ -22459,7 +22090,7 @@
|
|
|
22459
22090
|
"description": "The keyboard event triggered when a key is pressed down."
|
|
22460
22091
|
}
|
|
22461
22092
|
],
|
|
22462
|
-
"description": "Fires the click event when the enter or space key is pressed.",
|
|
22093
|
+
"description": "Fires the click event when the enter or space key is pressed down.\nThis behavior is similar to a button click and key interaction.",
|
|
22463
22094
|
"inheritedFrom": {
|
|
22464
22095
|
"name": "ListItem",
|
|
22465
22096
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -22468,7 +22099,7 @@
|
|
|
22468
22099
|
{
|
|
22469
22100
|
"kind": "method",
|
|
22470
22101
|
"name": "triggerClickEvent",
|
|
22471
|
-
"privacy": "
|
|
22102
|
+
"privacy": "protected",
|
|
22472
22103
|
"description": "Triggers a click event on the list item.",
|
|
22473
22104
|
"inheritedFrom": {
|
|
22474
22105
|
"name": "ListItem",
|
|
@@ -23377,7 +23008,7 @@
|
|
|
23377
23008
|
{
|
|
23378
23009
|
"kind": "field",
|
|
23379
23010
|
"name": "onOutsidePopoverClick",
|
|
23380
|
-
"privacy": "
|
|
23011
|
+
"privacy": "protected",
|
|
23381
23012
|
"description": "Handles the outside click event to close the popover.",
|
|
23382
23013
|
"parameters": [
|
|
23383
23014
|
{
|
|
@@ -33823,7 +33454,7 @@
|
|
|
33823
33454
|
{
|
|
33824
33455
|
"kind": "field",
|
|
33825
33456
|
"name": "onOutsidePopoverClick",
|
|
33826
|
-
"privacy": "
|
|
33457
|
+
"privacy": "protected",
|
|
33827
33458
|
"description": "Handles the outside click event to close the popover.",
|
|
33828
33459
|
"parameters": [
|
|
33829
33460
|
{
|
|
@@ -35593,7 +35224,7 @@
|
|
|
35593
35224
|
{
|
|
35594
35225
|
"kind": "field",
|
|
35595
35226
|
"name": "onOutsidePopoverClick",
|
|
35596
|
-
"privacy": "
|
|
35227
|
+
"privacy": "protected",
|
|
35597
35228
|
"description": "Handles the outside click event to close the popover.",
|
|
35598
35229
|
"parameters": [
|
|
35599
35230
|
{
|