@momentum-design/components 0.84.1 → 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 +97 -97
- package/dist/browser/index.js.map +3 -3
- package/dist/components/popover/popover.component.d.ts +19 -0
- package/dist/components/popover/popover.component.js +35 -6
- package/dist/custom-elements.json +411 -273
- 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",
|
|
@@ -19302,6 +19332,36 @@
|
|
|
19302
19332
|
"module": "components/popover/popover.component.js"
|
|
19303
19333
|
}
|
|
19304
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
|
+
},
|
|
19305
19365
|
{
|
|
19306
19366
|
"kind": "field",
|
|
19307
19367
|
"name": "startCloseDelay",
|
|
@@ -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",
|
|
@@ -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",
|
|
@@ -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",
|