@momentum-design/components 0.84.0 → 0.84.2
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 +137 -137
- package/dist/browser/index.js.map +3 -3
- package/dist/components/menupopover/menupopover.component.d.ts +18 -1
- package/dist/components/menupopover/menupopover.component.js +32 -7
- package/dist/components/menupopover/menupopover.constants.d.ts +4 -1
- package/dist/components/menupopover/menupopover.constants.js +5 -1
- package/dist/components/popover/popover.component.d.ts +19 -0
- package/dist/components/popover/popover.component.js +39 -12
- package/dist/components/toggletip/toggletip.component.d.ts +18 -0
- package/dist/components/toggletip/toggletip.component.js +21 -1
- package/dist/custom-elements.json +477 -339
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/package.json +1 -1
|
@@ -2,6 +2,279 @@
|
|
|
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
|
+
},
|
|
5
278
|
{
|
|
6
279
|
"kind": "javascript-module",
|
|
7
280
|
"path": "components/alertchip/alertchip.component.js",
|
|
@@ -520,279 +793,6 @@
|
|
|
520
793
|
}
|
|
521
794
|
]
|
|
522
795
|
},
|
|
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",
|
|
@@ -8868,6 +8868,36 @@
|
|
|
8868
8868
|
"module": "components/popover/popover.component.js"
|
|
8869
8869
|
}
|
|
8870
8870
|
},
|
|
8871
|
+
{
|
|
8872
|
+
"kind": "field",
|
|
8873
|
+
"name": "handleMouseEnter",
|
|
8874
|
+
"privacy": "private",
|
|
8875
|
+
"description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
|
|
8876
|
+
"inheritedFrom": {
|
|
8877
|
+
"name": "Popover",
|
|
8878
|
+
"module": "components/popover/popover.component.js"
|
|
8879
|
+
}
|
|
8880
|
+
},
|
|
8881
|
+
{
|
|
8882
|
+
"kind": "field",
|
|
8883
|
+
"name": "handleMouseLeave",
|
|
8884
|
+
"privacy": "private",
|
|
8885
|
+
"description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
|
|
8886
|
+
"inheritedFrom": {
|
|
8887
|
+
"name": "Popover",
|
|
8888
|
+
"module": "components/popover/popover.component.js"
|
|
8889
|
+
}
|
|
8890
|
+
},
|
|
8891
|
+
{
|
|
8892
|
+
"kind": "field",
|
|
8893
|
+
"name": "handleFocusOut",
|
|
8894
|
+
"privacy": "private",
|
|
8895
|
+
"description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
|
|
8896
|
+
"inheritedFrom": {
|
|
8897
|
+
"name": "Popover",
|
|
8898
|
+
"module": "components/popover/popover.component.js"
|
|
8899
|
+
}
|
|
8900
|
+
},
|
|
8871
8901
|
{
|
|
8872
8902
|
"kind": "field",
|
|
8873
8903
|
"name": "startCloseDelay",
|
|
@@ -18096,9 +18126,14 @@
|
|
|
18096
18126
|
"members": [
|
|
18097
18127
|
{
|
|
18098
18128
|
"kind": "field",
|
|
18099
|
-
"name": "
|
|
18100
|
-
"
|
|
18101
|
-
|
|
18129
|
+
"name": "placement",
|
|
18130
|
+
"type": {
|
|
18131
|
+
"text": "PopoverPlacement"
|
|
18132
|
+
},
|
|
18133
|
+
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
18134
|
+
"default": "bottom",
|
|
18135
|
+
"attribute": "placement",
|
|
18136
|
+
"reflects": true,
|
|
18102
18137
|
"inheritedFrom": {
|
|
18103
18138
|
"name": "Popover",
|
|
18104
18139
|
"module": "components/popover/popover.component.js"
|
|
@@ -18848,21 +18883,6 @@
|
|
|
18848
18883
|
"module": "components/popover/popover.component.js"
|
|
18849
18884
|
}
|
|
18850
18885
|
},
|
|
18851
|
-
{
|
|
18852
|
-
"kind": "field",
|
|
18853
|
-
"name": "placement",
|
|
18854
|
-
"type": {
|
|
18855
|
-
"text": "PopoverPlacement"
|
|
18856
|
-
},
|
|
18857
|
-
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
18858
|
-
"default": "bottom",
|
|
18859
|
-
"attribute": "placement",
|
|
18860
|
-
"reflects": true,
|
|
18861
|
-
"inheritedFrom": {
|
|
18862
|
-
"name": "Popover",
|
|
18863
|
-
"module": "components/popover/popover.component.js"
|
|
18864
|
-
}
|
|
18865
|
-
},
|
|
18866
18886
|
{
|
|
18867
18887
|
"kind": "field",
|
|
18868
18888
|
"name": "color",
|
|
@@ -19312,6 +19332,36 @@
|
|
|
19312
19332
|
"module": "components/popover/popover.component.js"
|
|
19313
19333
|
}
|
|
19314
19334
|
},
|
|
19335
|
+
{
|
|
19336
|
+
"kind": "field",
|
|
19337
|
+
"name": "handleMouseEnter",
|
|
19338
|
+
"privacy": "private",
|
|
19339
|
+
"description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
|
|
19340
|
+
"inheritedFrom": {
|
|
19341
|
+
"name": "Popover",
|
|
19342
|
+
"module": "components/popover/popover.component.js"
|
|
19343
|
+
}
|
|
19344
|
+
},
|
|
19345
|
+
{
|
|
19346
|
+
"kind": "field",
|
|
19347
|
+
"name": "handleMouseLeave",
|
|
19348
|
+
"privacy": "private",
|
|
19349
|
+
"description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
|
|
19350
|
+
"inheritedFrom": {
|
|
19351
|
+
"name": "Popover",
|
|
19352
|
+
"module": "components/popover/popover.component.js"
|
|
19353
|
+
}
|
|
19354
|
+
},
|
|
19355
|
+
{
|
|
19356
|
+
"kind": "field",
|
|
19357
|
+
"name": "handleFocusOut",
|
|
19358
|
+
"privacy": "private",
|
|
19359
|
+
"description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
|
|
19360
|
+
"inheritedFrom": {
|
|
19361
|
+
"name": "Popover",
|
|
19362
|
+
"module": "components/popover/popover.component.js"
|
|
19363
|
+
}
|
|
19364
|
+
},
|
|
19315
19365
|
{
|
|
19316
19366
|
"kind": "field",
|
|
19317
19367
|
"name": "startCloseDelay",
|
|
@@ -19342,6 +19392,16 @@
|
|
|
19342
19392
|
"module": "components/popover/popover.component.js"
|
|
19343
19393
|
}
|
|
19344
19394
|
},
|
|
19395
|
+
{
|
|
19396
|
+
"kind": "field",
|
|
19397
|
+
"name": "hidePopover",
|
|
19398
|
+
"privacy": "public",
|
|
19399
|
+
"description": "Hides the popover.",
|
|
19400
|
+
"inheritedFrom": {
|
|
19401
|
+
"name": "Popover",
|
|
19402
|
+
"module": "components/popover/popover.component.js"
|
|
19403
|
+
}
|
|
19404
|
+
},
|
|
19345
19405
|
{
|
|
19346
19406
|
"kind": "field",
|
|
19347
19407
|
"name": "togglePopoverVisible",
|
|
@@ -19372,14 +19432,20 @@
|
|
|
19372
19432
|
}
|
|
19373
19433
|
}
|
|
19374
19434
|
],
|
|
19375
|
-
"superclass": {
|
|
19376
|
-
"name": "Popover",
|
|
19377
|
-
"module": "/src/components/popover/popover.component"
|
|
19378
|
-
},
|
|
19379
|
-
"tagName": "mdc-menupopover",
|
|
19380
|
-
"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 */",
|
|
19381
|
-
"customElement": true,
|
|
19382
19435
|
"attributes": [
|
|
19436
|
+
{
|
|
19437
|
+
"name": "placement",
|
|
19438
|
+
"type": {
|
|
19439
|
+
"text": "PopoverPlacement"
|
|
19440
|
+
},
|
|
19441
|
+
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
19442
|
+
"default": "bottom",
|
|
19443
|
+
"fieldName": "placement",
|
|
19444
|
+
"inheritedFrom": {
|
|
19445
|
+
"name": "Popover",
|
|
19446
|
+
"module": "src/components/popover/popover.component.ts"
|
|
19447
|
+
}
|
|
19448
|
+
},
|
|
19383
19449
|
{
|
|
19384
19450
|
"name": "should-focus-trap-wrap",
|
|
19385
19451
|
"type": {
|
|
@@ -19432,19 +19498,6 @@
|
|
|
19432
19498
|
"module": "src/components/popover/popover.component.ts"
|
|
19433
19499
|
}
|
|
19434
19500
|
},
|
|
19435
|
-
{
|
|
19436
|
-
"name": "placement",
|
|
19437
|
-
"type": {
|
|
19438
|
-
"text": "PopoverPlacement"
|
|
19439
|
-
},
|
|
19440
|
-
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
19441
|
-
"default": "bottom",
|
|
19442
|
-
"fieldName": "placement",
|
|
19443
|
-
"inheritedFrom": {
|
|
19444
|
-
"name": "Popover",
|
|
19445
|
-
"module": "src/components/popover/popover.component.ts"
|
|
19446
|
-
}
|
|
19447
|
-
},
|
|
19448
19501
|
{
|
|
19449
19502
|
"name": "color",
|
|
19450
19503
|
"type": {
|
|
@@ -19771,6 +19824,13 @@
|
|
|
19771
19824
|
}
|
|
19772
19825
|
}
|
|
19773
19826
|
],
|
|
19827
|
+
"superclass": {
|
|
19828
|
+
"name": "Popover",
|
|
19829
|
+
"module": "/src/components/popover/popover.component"
|
|
19830
|
+
},
|
|
19831
|
+
"tagName": "mdc-menupopover",
|
|
19832
|
+
"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 */",
|
|
19833
|
+
"customElement": true,
|
|
19774
19834
|
"cssProperties": [
|
|
19775
19835
|
{
|
|
19776
19836
|
"description": "radius of the arrow border",
|
|
@@ -23135,6 +23195,24 @@
|
|
|
23135
23195
|
],
|
|
23136
23196
|
"description": "Handles the popover visibility change and position the popover.\nHandles the exit event to close the popover."
|
|
23137
23197
|
},
|
|
23198
|
+
{
|
|
23199
|
+
"kind": "field",
|
|
23200
|
+
"name": "handleMouseEnter",
|
|
23201
|
+
"privacy": "private",
|
|
23202
|
+
"description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover"
|
|
23203
|
+
},
|
|
23204
|
+
{
|
|
23205
|
+
"kind": "field",
|
|
23206
|
+
"name": "handleMouseLeave",
|
|
23207
|
+
"privacy": "private",
|
|
23208
|
+
"description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover."
|
|
23209
|
+
},
|
|
23210
|
+
{
|
|
23211
|
+
"kind": "field",
|
|
23212
|
+
"name": "handleFocusOut",
|
|
23213
|
+
"privacy": "private",
|
|
23214
|
+
"description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover."
|
|
23215
|
+
},
|
|
23138
23216
|
{
|
|
23139
23217
|
"kind": "field",
|
|
23140
23218
|
"name": "startCloseDelay",
|
|
@@ -32556,6 +32634,21 @@
|
|
|
32556
32634
|
"attribute": "screenreader-announcer-identity",
|
|
32557
32635
|
"reflects": true
|
|
32558
32636
|
},
|
|
32637
|
+
{
|
|
32638
|
+
"kind": "field",
|
|
32639
|
+
"name": "placement",
|
|
32640
|
+
"type": {
|
|
32641
|
+
"text": "PopoverPlacement"
|
|
32642
|
+
},
|
|
32643
|
+
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
32644
|
+
"default": "bottom",
|
|
32645
|
+
"attribute": "placement",
|
|
32646
|
+
"reflects": true,
|
|
32647
|
+
"inheritedFrom": {
|
|
32648
|
+
"name": "Popover",
|
|
32649
|
+
"module": "components/popover/popover.component.js"
|
|
32650
|
+
}
|
|
32651
|
+
},
|
|
32559
32652
|
{
|
|
32560
32653
|
"kind": "method",
|
|
32561
32654
|
"name": "getToggleTipText",
|
|
@@ -33165,21 +33258,6 @@
|
|
|
33165
33258
|
"module": "components/popover/popover.component.js"
|
|
33166
33259
|
}
|
|
33167
33260
|
},
|
|
33168
|
-
{
|
|
33169
|
-
"kind": "field",
|
|
33170
|
-
"name": "placement",
|
|
33171
|
-
"type": {
|
|
33172
|
-
"text": "PopoverPlacement"
|
|
33173
|
-
},
|
|
33174
|
-
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
33175
|
-
"default": "bottom",
|
|
33176
|
-
"attribute": "placement",
|
|
33177
|
-
"reflects": true,
|
|
33178
|
-
"inheritedFrom": {
|
|
33179
|
-
"name": "Popover",
|
|
33180
|
-
"module": "components/popover/popover.component.js"
|
|
33181
|
-
}
|
|
33182
|
-
},
|
|
33183
33261
|
{
|
|
33184
33262
|
"kind": "field",
|
|
33185
33263
|
"name": "color",
|
|
@@ -33645,6 +33723,36 @@
|
|
|
33645
33723
|
"module": "components/popover/popover.component.js"
|
|
33646
33724
|
}
|
|
33647
33725
|
},
|
|
33726
|
+
{
|
|
33727
|
+
"kind": "field",
|
|
33728
|
+
"name": "handleMouseEnter",
|
|
33729
|
+
"privacy": "private",
|
|
33730
|
+
"description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
|
|
33731
|
+
"inheritedFrom": {
|
|
33732
|
+
"name": "Popover",
|
|
33733
|
+
"module": "components/popover/popover.component.js"
|
|
33734
|
+
}
|
|
33735
|
+
},
|
|
33736
|
+
{
|
|
33737
|
+
"kind": "field",
|
|
33738
|
+
"name": "handleMouseLeave",
|
|
33739
|
+
"privacy": "private",
|
|
33740
|
+
"description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
|
|
33741
|
+
"inheritedFrom": {
|
|
33742
|
+
"name": "Popover",
|
|
33743
|
+
"module": "components/popover/popover.component.js"
|
|
33744
|
+
}
|
|
33745
|
+
},
|
|
33746
|
+
{
|
|
33747
|
+
"kind": "field",
|
|
33748
|
+
"name": "handleFocusOut",
|
|
33749
|
+
"privacy": "private",
|
|
33750
|
+
"description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
|
|
33751
|
+
"inheritedFrom": {
|
|
33752
|
+
"name": "Popover",
|
|
33753
|
+
"module": "components/popover/popover.component.js"
|
|
33754
|
+
}
|
|
33755
|
+
},
|
|
33648
33756
|
{
|
|
33649
33757
|
"kind": "field",
|
|
33650
33758
|
"name": "startCloseDelay",
|
|
@@ -33762,6 +33870,19 @@
|
|
|
33762
33870
|
"description": "Set this attribute with the id of the element in the DOM, to which announcement\nelements will be appended.\nIf an id is provided, the announcement elements will be appended to this element.\nIf id is not provided, a visually hidden div element will be created in the DOM.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
|
|
33763
33871
|
"fieldName": "screenreaderAnnouncerIdentity"
|
|
33764
33872
|
},
|
|
33873
|
+
{
|
|
33874
|
+
"name": "placement",
|
|
33875
|
+
"type": {
|
|
33876
|
+
"text": "PopoverPlacement"
|
|
33877
|
+
},
|
|
33878
|
+
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
33879
|
+
"default": "bottom",
|
|
33880
|
+
"fieldName": "placement",
|
|
33881
|
+
"inheritedFrom": {
|
|
33882
|
+
"name": "Popover",
|
|
33883
|
+
"module": "src/components/popover/popover.component.ts"
|
|
33884
|
+
}
|
|
33885
|
+
},
|
|
33765
33886
|
{
|
|
33766
33887
|
"name": "should-focus-trap-wrap",
|
|
33767
33888
|
"type": {
|
|
@@ -33814,19 +33935,6 @@
|
|
|
33814
33935
|
"module": "src/components/popover/popover.component.ts"
|
|
33815
33936
|
}
|
|
33816
33937
|
},
|
|
33817
|
-
{
|
|
33818
|
-
"name": "placement",
|
|
33819
|
-
"type": {
|
|
33820
|
-
"text": "PopoverPlacement"
|
|
33821
|
-
},
|
|
33822
|
-
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
33823
|
-
"default": "bottom",
|
|
33824
|
-
"fieldName": "placement",
|
|
33825
|
-
"inheritedFrom": {
|
|
33826
|
-
"name": "Popover",
|
|
33827
|
-
"module": "src/components/popover/popover.component.ts"
|
|
33828
|
-
}
|
|
33829
|
-
},
|
|
33830
33938
|
{
|
|
33831
33939
|
"name": "color",
|
|
33832
33940
|
"type": {
|
|
@@ -35439,6 +35547,36 @@
|
|
|
35439
35547
|
"module": "components/popover/popover.component.js"
|
|
35440
35548
|
}
|
|
35441
35549
|
},
|
|
35550
|
+
{
|
|
35551
|
+
"kind": "field",
|
|
35552
|
+
"name": "handleMouseEnter",
|
|
35553
|
+
"privacy": "private",
|
|
35554
|
+
"description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
|
|
35555
|
+
"inheritedFrom": {
|
|
35556
|
+
"name": "Popover",
|
|
35557
|
+
"module": "components/popover/popover.component.js"
|
|
35558
|
+
}
|
|
35559
|
+
},
|
|
35560
|
+
{
|
|
35561
|
+
"kind": "field",
|
|
35562
|
+
"name": "handleMouseLeave",
|
|
35563
|
+
"privacy": "private",
|
|
35564
|
+
"description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
|
|
35565
|
+
"inheritedFrom": {
|
|
35566
|
+
"name": "Popover",
|
|
35567
|
+
"module": "components/popover/popover.component.js"
|
|
35568
|
+
}
|
|
35569
|
+
},
|
|
35570
|
+
{
|
|
35571
|
+
"kind": "field",
|
|
35572
|
+
"name": "handleFocusOut",
|
|
35573
|
+
"privacy": "private",
|
|
35574
|
+
"description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
|
|
35575
|
+
"inheritedFrom": {
|
|
35576
|
+
"name": "Popover",
|
|
35577
|
+
"module": "components/popover/popover.component.js"
|
|
35578
|
+
}
|
|
35579
|
+
},
|
|
35442
35580
|
{
|
|
35443
35581
|
"kind": "field",
|
|
35444
35582
|
"name": "startCloseDelay",
|