@momentum-design/components 0.87.2 → 0.87.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +9 -3
- package/dist/browser/index.js.map +3 -3
- package/dist/components/alertchip/alertchip.component.js +6 -2
- package/dist/components/chip/chip.component.js +5 -1
- package/dist/components/inputchip/inputchip.component.js +5 -1
- package/dist/custom-elements.json +738 -738
- package/dist/react/index.d.ts +4 -4
- package/dist/react/index.js +4 -4
- 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",
|
|
@@ -530,279 +803,6 @@
|
|
|
530
803
|
}
|
|
531
804
|
]
|
|
532
805
|
},
|
|
533
|
-
{
|
|
534
|
-
"kind": "javascript-module",
|
|
535
|
-
"path": "components/animation/animation.component.js",
|
|
536
|
-
"declarations": [
|
|
537
|
-
{
|
|
538
|
-
"kind": "class",
|
|
539
|
-
"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.",
|
|
540
|
-
"name": "Animation",
|
|
541
|
-
"members": [
|
|
542
|
-
{
|
|
543
|
-
"kind": "field",
|
|
544
|
-
"name": "name",
|
|
545
|
-
"type": {
|
|
546
|
-
"text": "AnimationNames | undefined"
|
|
547
|
-
},
|
|
548
|
-
"description": "Name of the animation (= filename)",
|
|
549
|
-
"attribute": "name",
|
|
550
|
-
"reflects": true
|
|
551
|
-
},
|
|
552
|
-
{
|
|
553
|
-
"kind": "field",
|
|
554
|
-
"name": "loop",
|
|
555
|
-
"type": {
|
|
556
|
-
"text": "LoopType | undefined"
|
|
557
|
-
},
|
|
558
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
559
|
-
"attribute": "loop",
|
|
560
|
-
"reflects": true
|
|
561
|
-
},
|
|
562
|
-
{
|
|
563
|
-
"kind": "field",
|
|
564
|
-
"name": "autoplay",
|
|
565
|
-
"type": {
|
|
566
|
-
"text": "boolean | undefined"
|
|
567
|
-
},
|
|
568
|
-
"description": "Weather start the animation automatically",
|
|
569
|
-
"attribute": "autoplay",
|
|
570
|
-
"reflects": true
|
|
571
|
-
},
|
|
572
|
-
{
|
|
573
|
-
"kind": "field",
|
|
574
|
-
"name": "ariaLabel",
|
|
575
|
-
"type": {
|
|
576
|
-
"text": "string | null"
|
|
577
|
-
},
|
|
578
|
-
"default": "null",
|
|
579
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
580
|
-
"attribute": "aria-label"
|
|
581
|
-
},
|
|
582
|
-
{
|
|
583
|
-
"kind": "field",
|
|
584
|
-
"name": "ariaLabelledBy",
|
|
585
|
-
"type": {
|
|
586
|
-
"text": "string | null"
|
|
587
|
-
},
|
|
588
|
-
"default": "null",
|
|
589
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
590
|
-
"attribute": "aria-labelledby"
|
|
591
|
-
},
|
|
592
|
-
{
|
|
593
|
-
"kind": "field",
|
|
594
|
-
"name": "lottieInstance",
|
|
595
|
-
"type": {
|
|
596
|
-
"text": "AnimationItem | undefined"
|
|
597
|
-
},
|
|
598
|
-
"privacy": "private",
|
|
599
|
-
"description": "Lottie animation instance"
|
|
600
|
-
},
|
|
601
|
-
{
|
|
602
|
-
"kind": "field",
|
|
603
|
-
"name": "containerRef",
|
|
604
|
-
"type": {
|
|
605
|
-
"text": "Ref<HTMLDivElement>"
|
|
606
|
-
},
|
|
607
|
-
"privacy": "private",
|
|
608
|
-
"description": "Container for the animation"
|
|
609
|
-
},
|
|
610
|
-
{
|
|
611
|
-
"kind": "field",
|
|
612
|
-
"name": "animation",
|
|
613
|
-
"description": "Exposed API of the animation library (lottie)",
|
|
614
|
-
"readonly": true
|
|
615
|
-
},
|
|
616
|
-
{
|
|
617
|
-
"kind": "method",
|
|
618
|
-
"name": "getLoopValue",
|
|
619
|
-
"privacy": "private"
|
|
620
|
-
},
|
|
621
|
-
{
|
|
622
|
-
"kind": "method",
|
|
623
|
-
"name": "onLoadSuccessHandler",
|
|
624
|
-
"privacy": "private",
|
|
625
|
-
"parameters": [
|
|
626
|
-
{
|
|
627
|
-
"name": "animationData",
|
|
628
|
-
"type": {
|
|
629
|
-
"text": "any"
|
|
630
|
-
}
|
|
631
|
-
}
|
|
632
|
-
],
|
|
633
|
-
"description": "Create new lotty instance for the loaded data"
|
|
634
|
-
},
|
|
635
|
-
{
|
|
636
|
-
"kind": "method",
|
|
637
|
-
"name": "onLoadFailHandler",
|
|
638
|
-
"privacy": "private",
|
|
639
|
-
"parameters": [
|
|
640
|
-
{
|
|
641
|
-
"name": "error",
|
|
642
|
-
"type": {
|
|
643
|
-
"text": "Error"
|
|
644
|
-
}
|
|
645
|
-
}
|
|
646
|
-
],
|
|
647
|
-
"description": "Error handler for animation loading"
|
|
648
|
-
},
|
|
649
|
-
{
|
|
650
|
-
"kind": "method",
|
|
651
|
-
"name": "getAnimationData",
|
|
652
|
-
"privacy": "private",
|
|
653
|
-
"description": "Import animation data dynamically"
|
|
654
|
-
},
|
|
655
|
-
{
|
|
656
|
-
"kind": "field",
|
|
657
|
-
"name": "onCompleteHandler",
|
|
658
|
-
"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."
|
|
659
|
-
}
|
|
660
|
-
],
|
|
661
|
-
"events": [
|
|
662
|
-
{
|
|
663
|
-
"name": "load",
|
|
664
|
-
"type": {
|
|
665
|
-
"text": "CustomEvent"
|
|
666
|
-
},
|
|
667
|
-
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
|
668
|
-
"reactName": "onLoad"
|
|
669
|
-
},
|
|
670
|
-
{
|
|
671
|
-
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
|
672
|
-
"name": "complete",
|
|
673
|
-
"reactName": "onComplete"
|
|
674
|
-
},
|
|
675
|
-
{
|
|
676
|
-
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
677
|
-
"name": "error",
|
|
678
|
-
"reactName": "onError"
|
|
679
|
-
}
|
|
680
|
-
],
|
|
681
|
-
"attributes": [
|
|
682
|
-
{
|
|
683
|
-
"name": "name",
|
|
684
|
-
"type": {
|
|
685
|
-
"text": "AnimationNames | undefined"
|
|
686
|
-
},
|
|
687
|
-
"description": "Name of the animation (= filename)",
|
|
688
|
-
"fieldName": "name"
|
|
689
|
-
},
|
|
690
|
-
{
|
|
691
|
-
"name": "loop",
|
|
692
|
-
"type": {
|
|
693
|
-
"text": "LoopType | undefined"
|
|
694
|
-
},
|
|
695
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
696
|
-
"fieldName": "loop"
|
|
697
|
-
},
|
|
698
|
-
{
|
|
699
|
-
"name": "autoplay",
|
|
700
|
-
"type": {
|
|
701
|
-
"text": "boolean | undefined"
|
|
702
|
-
},
|
|
703
|
-
"description": "Weather start the animation automatically",
|
|
704
|
-
"fieldName": "autoplay"
|
|
705
|
-
},
|
|
706
|
-
{
|
|
707
|
-
"name": "aria-label",
|
|
708
|
-
"type": {
|
|
709
|
-
"text": "string | null"
|
|
710
|
-
},
|
|
711
|
-
"default": "null",
|
|
712
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
713
|
-
"fieldName": "ariaLabel"
|
|
714
|
-
},
|
|
715
|
-
{
|
|
716
|
-
"name": "aria-labelledby",
|
|
717
|
-
"type": {
|
|
718
|
-
"text": "string | null"
|
|
719
|
-
},
|
|
720
|
-
"default": "null",
|
|
721
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
722
|
-
"fieldName": "ariaLabelledBy"
|
|
723
|
-
}
|
|
724
|
-
],
|
|
725
|
-
"superclass": {
|
|
726
|
-
"name": "Component",
|
|
727
|
-
"module": "/src/models"
|
|
728
|
-
},
|
|
729
|
-
"tagName": "mdc-animation",
|
|
730
|
-
"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 */",
|
|
731
|
-
"customElement": true
|
|
732
|
-
}
|
|
733
|
-
],
|
|
734
|
-
"exports": [
|
|
735
|
-
{
|
|
736
|
-
"kind": "js",
|
|
737
|
-
"name": "default",
|
|
738
|
-
"declaration": {
|
|
739
|
-
"name": "Animation",
|
|
740
|
-
"module": "components/animation/animation.component.js"
|
|
741
|
-
}
|
|
742
|
-
}
|
|
743
|
-
]
|
|
744
|
-
},
|
|
745
|
-
{
|
|
746
|
-
"kind": "javascript-module",
|
|
747
|
-
"path": "components/appheader/appheader.component.js",
|
|
748
|
-
"declarations": [
|
|
749
|
-
{
|
|
750
|
-
"kind": "class",
|
|
751
|
-
"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**.",
|
|
752
|
-
"name": "Appheader",
|
|
753
|
-
"cssParts": [
|
|
754
|
-
{
|
|
755
|
-
"description": "The main container for styling the header.",
|
|
756
|
-
"name": "container"
|
|
757
|
-
},
|
|
758
|
-
{
|
|
759
|
-
"description": "The leading section of the header.",
|
|
760
|
-
"name": "leading-section"
|
|
761
|
-
},
|
|
762
|
-
{
|
|
763
|
-
"description": "The center section of the header.",
|
|
764
|
-
"name": "center-section"
|
|
765
|
-
},
|
|
766
|
-
{
|
|
767
|
-
"description": "The trailing section of the header.",
|
|
768
|
-
"name": "trailing-section"
|
|
769
|
-
}
|
|
770
|
-
],
|
|
771
|
-
"slots": [
|
|
772
|
-
{
|
|
773
|
-
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
|
774
|
-
"name": "leading"
|
|
775
|
-
},
|
|
776
|
-
{
|
|
777
|
-
"description": "Slot for the center section (e.g., search bar, icons).",
|
|
778
|
-
"name": "center"
|
|
779
|
-
},
|
|
780
|
-
{
|
|
781
|
-
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
|
782
|
-
"name": "trailing"
|
|
783
|
-
}
|
|
784
|
-
],
|
|
785
|
-
"members": [],
|
|
786
|
-
"superclass": {
|
|
787
|
-
"name": "Component",
|
|
788
|
-
"module": "/src/models"
|
|
789
|
-
},
|
|
790
|
-
"tagName": "mdc-appheader",
|
|
791
|
-
"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 */",
|
|
792
|
-
"customElement": true
|
|
793
|
-
}
|
|
794
|
-
],
|
|
795
|
-
"exports": [
|
|
796
|
-
{
|
|
797
|
-
"kind": "js",
|
|
798
|
-
"name": "default",
|
|
799
|
-
"declaration": {
|
|
800
|
-
"name": "Appheader",
|
|
801
|
-
"module": "components/appheader/appheader.component.js"
|
|
802
|
-
}
|
|
803
|
-
}
|
|
804
|
-
]
|
|
805
|
-
},
|
|
806
806
|
{
|
|
807
807
|
"kind": "javascript-module",
|
|
808
808
|
"path": "components/avatar/avatar.component.js",
|
|
@@ -2261,6 +2261,138 @@
|
|
|
2261
2261
|
}
|
|
2262
2262
|
]
|
|
2263
2263
|
},
|
|
2264
|
+
{
|
|
2265
|
+
"kind": "javascript-module",
|
|
2266
|
+
"path": "components/buttongroup/buttongroup.component.js",
|
|
2267
|
+
"declarations": [
|
|
2268
|
+
{
|
|
2269
|
+
"kind": "class",
|
|
2270
|
+
"description": "buttongroup component, is a styled wrapper for multiple buttons.\nIt can support icon buttons, combination of icon and pill buttons, and text buttons.\nThey are available in horizontal and vertical orientation.",
|
|
2271
|
+
"name": "ButtonGroup",
|
|
2272
|
+
"cssProperties": [
|
|
2273
|
+
{
|
|
2274
|
+
"description": "The border radius of the buttongroup",
|
|
2275
|
+
"name": "--mdc-buttongroup-border-radius"
|
|
2276
|
+
},
|
|
2277
|
+
{
|
|
2278
|
+
"description": "The border color of the buttongroup",
|
|
2279
|
+
"name": "--mdc-buttongroup-border-color"
|
|
2280
|
+
},
|
|
2281
|
+
{
|
|
2282
|
+
"description": "The color of the divider between buttons within the buttongroup",
|
|
2283
|
+
"name": "--mdc-buttongroup-divider-color"
|
|
2284
|
+
}
|
|
2285
|
+
],
|
|
2286
|
+
"slots": [
|
|
2287
|
+
{
|
|
2288
|
+
"description": "This is a default/unnamed slot, which contains the buttons",
|
|
2289
|
+
"name": "default"
|
|
2290
|
+
}
|
|
2291
|
+
],
|
|
2292
|
+
"members": [
|
|
2293
|
+
{
|
|
2294
|
+
"kind": "field",
|
|
2295
|
+
"name": "orientation",
|
|
2296
|
+
"type": {
|
|
2297
|
+
"text": "ButtonGroupOrientation"
|
|
2298
|
+
},
|
|
2299
|
+
"description": "Orientation of the buttongroup.",
|
|
2300
|
+
"default": "'horizontal'",
|
|
2301
|
+
"attribute": "orientation",
|
|
2302
|
+
"reflects": true
|
|
2303
|
+
},
|
|
2304
|
+
{
|
|
2305
|
+
"kind": "field",
|
|
2306
|
+
"name": "variant",
|
|
2307
|
+
"type": {
|
|
2308
|
+
"text": "ButtonGroupVariant"
|
|
2309
|
+
},
|
|
2310
|
+
"description": "Variant of the buttons within the buttongroup.",
|
|
2311
|
+
"default": "'primary'",
|
|
2312
|
+
"attribute": "variant",
|
|
2313
|
+
"reflects": true
|
|
2314
|
+
},
|
|
2315
|
+
{
|
|
2316
|
+
"kind": "field",
|
|
2317
|
+
"name": "size",
|
|
2318
|
+
"type": {
|
|
2319
|
+
"text": "ButtonGroupSize"
|
|
2320
|
+
},
|
|
2321
|
+
"description": "Size of the buttons within the buttongroup.",
|
|
2322
|
+
"default": "'28'",
|
|
2323
|
+
"attribute": "size",
|
|
2324
|
+
"reflects": true
|
|
2325
|
+
},
|
|
2326
|
+
{
|
|
2327
|
+
"kind": "field",
|
|
2328
|
+
"name": "compact",
|
|
2329
|
+
"type": {
|
|
2330
|
+
"text": "boolean"
|
|
2331
|
+
},
|
|
2332
|
+
"default": "false",
|
|
2333
|
+
"description": "When this is true, the buttons within the buttongroup will be compact.\ni.e. Irrespective of the size of the buttons, they will have a height of 24px.",
|
|
2334
|
+
"attribute": "compact",
|
|
2335
|
+
"reflects": true
|
|
2336
|
+
}
|
|
2337
|
+
],
|
|
2338
|
+
"attributes": [
|
|
2339
|
+
{
|
|
2340
|
+
"name": "orientation",
|
|
2341
|
+
"type": {
|
|
2342
|
+
"text": "ButtonGroupOrientation"
|
|
2343
|
+
},
|
|
2344
|
+
"description": "Orientation of the buttongroup.",
|
|
2345
|
+
"default": "'horizontal'",
|
|
2346
|
+
"fieldName": "orientation"
|
|
2347
|
+
},
|
|
2348
|
+
{
|
|
2349
|
+
"name": "variant",
|
|
2350
|
+
"type": {
|
|
2351
|
+
"text": "ButtonGroupVariant"
|
|
2352
|
+
},
|
|
2353
|
+
"description": "Variant of the buttons within the buttongroup.",
|
|
2354
|
+
"default": "'primary'",
|
|
2355
|
+
"fieldName": "variant"
|
|
2356
|
+
},
|
|
2357
|
+
{
|
|
2358
|
+
"name": "size",
|
|
2359
|
+
"type": {
|
|
2360
|
+
"text": "ButtonGroupSize"
|
|
2361
|
+
},
|
|
2362
|
+
"description": "Size of the buttons within the buttongroup.",
|
|
2363
|
+
"default": "'28'",
|
|
2364
|
+
"fieldName": "size"
|
|
2365
|
+
},
|
|
2366
|
+
{
|
|
2367
|
+
"name": "compact",
|
|
2368
|
+
"type": {
|
|
2369
|
+
"text": "boolean"
|
|
2370
|
+
},
|
|
2371
|
+
"default": "false",
|
|
2372
|
+
"description": "When this is true, the buttons within the buttongroup will be compact.\ni.e. Irrespective of the size of the buttons, they will have a height of 24px.",
|
|
2373
|
+
"fieldName": "compact"
|
|
2374
|
+
}
|
|
2375
|
+
],
|
|
2376
|
+
"superclass": {
|
|
2377
|
+
"name": "Component",
|
|
2378
|
+
"module": "/src/models"
|
|
2379
|
+
},
|
|
2380
|
+
"tagName": "mdc-buttongroup",
|
|
2381
|
+
"jsDoc": "/**\n * buttongroup component, is a styled wrapper for multiple buttons.\n * It can support icon buttons, combination of icon and pill buttons, and text buttons.\n * They are available in horizontal and vertical orientation.\n *\n * @tagname mdc-buttongroup\n *\n * @slot default - This is a default/unnamed slot, which contains the buttons\n *\n * @cssproperty --mdc-buttongroup-border-radius - The border radius of the buttongroup\n * @cssproperty --mdc-buttongroup-border-color - The border color of the buttongroup\n * @cssproperty --mdc-buttongroup-divider-color - The color of the divider between buttons within the buttongroup\n */",
|
|
2382
|
+
"customElement": true
|
|
2383
|
+
}
|
|
2384
|
+
],
|
|
2385
|
+
"exports": [
|
|
2386
|
+
{
|
|
2387
|
+
"kind": "js",
|
|
2388
|
+
"name": "default",
|
|
2389
|
+
"declaration": {
|
|
2390
|
+
"name": "ButtonGroup",
|
|
2391
|
+
"module": "components/buttongroup/buttongroup.component.js"
|
|
2392
|
+
}
|
|
2393
|
+
}
|
|
2394
|
+
]
|
|
2395
|
+
},
|
|
2264
2396
|
{
|
|
2265
2397
|
"kind": "javascript-module",
|
|
2266
2398
|
"path": "components/button/button.component.js",
|
|
@@ -2956,138 +3088,6 @@
|
|
|
2956
3088
|
}
|
|
2957
3089
|
]
|
|
2958
3090
|
},
|
|
2959
|
-
{
|
|
2960
|
-
"kind": "javascript-module",
|
|
2961
|
-
"path": "components/buttongroup/buttongroup.component.js",
|
|
2962
|
-
"declarations": [
|
|
2963
|
-
{
|
|
2964
|
-
"kind": "class",
|
|
2965
|
-
"description": "buttongroup component, is a styled wrapper for multiple buttons.\nIt can support icon buttons, combination of icon and pill buttons, and text buttons.\nThey are available in horizontal and vertical orientation.",
|
|
2966
|
-
"name": "ButtonGroup",
|
|
2967
|
-
"cssProperties": [
|
|
2968
|
-
{
|
|
2969
|
-
"description": "The border radius of the buttongroup",
|
|
2970
|
-
"name": "--mdc-buttongroup-border-radius"
|
|
2971
|
-
},
|
|
2972
|
-
{
|
|
2973
|
-
"description": "The border color of the buttongroup",
|
|
2974
|
-
"name": "--mdc-buttongroup-border-color"
|
|
2975
|
-
},
|
|
2976
|
-
{
|
|
2977
|
-
"description": "The color of the divider between buttons within the buttongroup",
|
|
2978
|
-
"name": "--mdc-buttongroup-divider-color"
|
|
2979
|
-
}
|
|
2980
|
-
],
|
|
2981
|
-
"slots": [
|
|
2982
|
-
{
|
|
2983
|
-
"description": "This is a default/unnamed slot, which contains the buttons",
|
|
2984
|
-
"name": "default"
|
|
2985
|
-
}
|
|
2986
|
-
],
|
|
2987
|
-
"members": [
|
|
2988
|
-
{
|
|
2989
|
-
"kind": "field",
|
|
2990
|
-
"name": "orientation",
|
|
2991
|
-
"type": {
|
|
2992
|
-
"text": "ButtonGroupOrientation"
|
|
2993
|
-
},
|
|
2994
|
-
"description": "Orientation of the buttongroup.",
|
|
2995
|
-
"default": "'horizontal'",
|
|
2996
|
-
"attribute": "orientation",
|
|
2997
|
-
"reflects": true
|
|
2998
|
-
},
|
|
2999
|
-
{
|
|
3000
|
-
"kind": "field",
|
|
3001
|
-
"name": "variant",
|
|
3002
|
-
"type": {
|
|
3003
|
-
"text": "ButtonGroupVariant"
|
|
3004
|
-
},
|
|
3005
|
-
"description": "Variant of the buttons within the buttongroup.",
|
|
3006
|
-
"default": "'primary'",
|
|
3007
|
-
"attribute": "variant",
|
|
3008
|
-
"reflects": true
|
|
3009
|
-
},
|
|
3010
|
-
{
|
|
3011
|
-
"kind": "field",
|
|
3012
|
-
"name": "size",
|
|
3013
|
-
"type": {
|
|
3014
|
-
"text": "ButtonGroupSize"
|
|
3015
|
-
},
|
|
3016
|
-
"description": "Size of the buttons within the buttongroup.",
|
|
3017
|
-
"default": "'28'",
|
|
3018
|
-
"attribute": "size",
|
|
3019
|
-
"reflects": true
|
|
3020
|
-
},
|
|
3021
|
-
{
|
|
3022
|
-
"kind": "field",
|
|
3023
|
-
"name": "compact",
|
|
3024
|
-
"type": {
|
|
3025
|
-
"text": "boolean"
|
|
3026
|
-
},
|
|
3027
|
-
"default": "false",
|
|
3028
|
-
"description": "When this is true, the buttons within the buttongroup will be compact.\ni.e. Irrespective of the size of the buttons, they will have a height of 24px.",
|
|
3029
|
-
"attribute": "compact",
|
|
3030
|
-
"reflects": true
|
|
3031
|
-
}
|
|
3032
|
-
],
|
|
3033
|
-
"attributes": [
|
|
3034
|
-
{
|
|
3035
|
-
"name": "orientation",
|
|
3036
|
-
"type": {
|
|
3037
|
-
"text": "ButtonGroupOrientation"
|
|
3038
|
-
},
|
|
3039
|
-
"description": "Orientation of the buttongroup.",
|
|
3040
|
-
"default": "'horizontal'",
|
|
3041
|
-
"fieldName": "orientation"
|
|
3042
|
-
},
|
|
3043
|
-
{
|
|
3044
|
-
"name": "variant",
|
|
3045
|
-
"type": {
|
|
3046
|
-
"text": "ButtonGroupVariant"
|
|
3047
|
-
},
|
|
3048
|
-
"description": "Variant of the buttons within the buttongroup.",
|
|
3049
|
-
"default": "'primary'",
|
|
3050
|
-
"fieldName": "variant"
|
|
3051
|
-
},
|
|
3052
|
-
{
|
|
3053
|
-
"name": "size",
|
|
3054
|
-
"type": {
|
|
3055
|
-
"text": "ButtonGroupSize"
|
|
3056
|
-
},
|
|
3057
|
-
"description": "Size of the buttons within the buttongroup.",
|
|
3058
|
-
"default": "'28'",
|
|
3059
|
-
"fieldName": "size"
|
|
3060
|
-
},
|
|
3061
|
-
{
|
|
3062
|
-
"name": "compact",
|
|
3063
|
-
"type": {
|
|
3064
|
-
"text": "boolean"
|
|
3065
|
-
},
|
|
3066
|
-
"default": "false",
|
|
3067
|
-
"description": "When this is true, the buttons within the buttongroup will be compact.\ni.e. Irrespective of the size of the buttons, they will have a height of 24px.",
|
|
3068
|
-
"fieldName": "compact"
|
|
3069
|
-
}
|
|
3070
|
-
],
|
|
3071
|
-
"superclass": {
|
|
3072
|
-
"name": "Component",
|
|
3073
|
-
"module": "/src/models"
|
|
3074
|
-
},
|
|
3075
|
-
"tagName": "mdc-buttongroup",
|
|
3076
|
-
"jsDoc": "/**\n * buttongroup component, is a styled wrapper for multiple buttons.\n * It can support icon buttons, combination of icon and pill buttons, and text buttons.\n * They are available in horizontal and vertical orientation.\n *\n * @tagname mdc-buttongroup\n *\n * @slot default - This is a default/unnamed slot, which contains the buttons\n *\n * @cssproperty --mdc-buttongroup-border-radius - The border radius of the buttongroup\n * @cssproperty --mdc-buttongroup-border-color - The border color of the buttongroup\n * @cssproperty --mdc-buttongroup-divider-color - The color of the divider between buttons within the buttongroup\n */",
|
|
3077
|
-
"customElement": true
|
|
3078
|
-
}
|
|
3079
|
-
],
|
|
3080
|
-
"exports": [
|
|
3081
|
-
{
|
|
3082
|
-
"kind": "js",
|
|
3083
|
-
"name": "default",
|
|
3084
|
-
"declaration": {
|
|
3085
|
-
"name": "ButtonGroup",
|
|
3086
|
-
"module": "components/buttongroup/buttongroup.component.js"
|
|
3087
|
-
}
|
|
3088
|
-
}
|
|
3089
|
-
]
|
|
3090
|
-
},
|
|
3091
3091
|
{
|
|
3092
3092
|
"kind": "javascript-module",
|
|
3093
3093
|
"path": "components/buttonlink/buttonlink.component.js",
|
|
@@ -21604,144 +21604,6 @@
|
|
|
21604
21604
|
}
|
|
21605
21605
|
]
|
|
21606
21606
|
},
|
|
21607
|
-
{
|
|
21608
|
-
"kind": "javascript-module",
|
|
21609
|
-
"path": "components/optgroup/optgroup.component.js",
|
|
21610
|
-
"declarations": [
|
|
21611
|
-
{
|
|
21612
|
-
"kind": "class",
|
|
21613
|
-
"description": "optgroup component, which creates a grouping of mdc-option within a listbox element.",
|
|
21614
|
-
"name": "OptGroup",
|
|
21615
|
-
"cssProperties": [
|
|
21616
|
-
{
|
|
21617
|
-
"description": "Allows customization of the disabled option color.",
|
|
21618
|
-
"name": "--mdc-optgroup-disabled-color"
|
|
21619
|
-
}
|
|
21620
|
-
],
|
|
21621
|
-
"slots": [
|
|
21622
|
-
{
|
|
21623
|
-
"description": "This is a default slot for mdc-option elements.",
|
|
21624
|
-
"name": "default"
|
|
21625
|
-
}
|
|
21626
|
-
],
|
|
21627
|
-
"members": [
|
|
21628
|
-
{
|
|
21629
|
-
"kind": "field",
|
|
21630
|
-
"name": "label",
|
|
21631
|
-
"type": {
|
|
21632
|
-
"text": "string | undefined"
|
|
21633
|
-
},
|
|
21634
|
-
"description": "The header text to be displayed on the top of the options list.",
|
|
21635
|
-
"attribute": "label",
|
|
21636
|
-
"reflects": true
|
|
21637
|
-
},
|
|
21638
|
-
{
|
|
21639
|
-
"kind": "method",
|
|
21640
|
-
"name": "setDisabledForAllOptions",
|
|
21641
|
-
"privacy": "private",
|
|
21642
|
-
"return": {
|
|
21643
|
-
"type": {
|
|
21644
|
-
"text": "void"
|
|
21645
|
-
}
|
|
21646
|
-
}
|
|
21647
|
-
},
|
|
21648
|
-
{
|
|
21649
|
-
"kind": "field",
|
|
21650
|
-
"name": "dataAriaLabel",
|
|
21651
|
-
"type": {
|
|
21652
|
-
"text": "string | null"
|
|
21653
|
-
},
|
|
21654
|
-
"default": "null",
|
|
21655
|
-
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
21656
|
-
"attribute": "data-aria-label",
|
|
21657
|
-
"reflects": true,
|
|
21658
|
-
"inheritedFrom": {
|
|
21659
|
-
"name": "DataAriaLabelMixin",
|
|
21660
|
-
"module": "utils/mixins/DataAriaLabelMixin.js"
|
|
21661
|
-
}
|
|
21662
|
-
},
|
|
21663
|
-
{
|
|
21664
|
-
"kind": "field",
|
|
21665
|
-
"name": "disabled",
|
|
21666
|
-
"type": {
|
|
21667
|
-
"text": "boolean | undefined"
|
|
21668
|
-
},
|
|
21669
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
21670
|
-
"default": "undefined",
|
|
21671
|
-
"attribute": "disabled",
|
|
21672
|
-
"reflects": true,
|
|
21673
|
-
"inheritedFrom": {
|
|
21674
|
-
"name": "DisabledMixin",
|
|
21675
|
-
"module": "utils/mixins/DisabledMixin.js"
|
|
21676
|
-
}
|
|
21677
|
-
}
|
|
21678
|
-
],
|
|
21679
|
-
"attributes": [
|
|
21680
|
-
{
|
|
21681
|
-
"name": "label",
|
|
21682
|
-
"type": {
|
|
21683
|
-
"text": "string | undefined"
|
|
21684
|
-
},
|
|
21685
|
-
"description": "The header text to be displayed on the top of the options list.",
|
|
21686
|
-
"fieldName": "label"
|
|
21687
|
-
},
|
|
21688
|
-
{
|
|
21689
|
-
"name": "data-aria-label",
|
|
21690
|
-
"type": {
|
|
21691
|
-
"text": "string | null"
|
|
21692
|
-
},
|
|
21693
|
-
"default": "null",
|
|
21694
|
-
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
21695
|
-
"fieldName": "dataAriaLabel",
|
|
21696
|
-
"inheritedFrom": {
|
|
21697
|
-
"name": "DataAriaLabelMixin",
|
|
21698
|
-
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
|
21699
|
-
}
|
|
21700
|
-
},
|
|
21701
|
-
{
|
|
21702
|
-
"name": "disabled",
|
|
21703
|
-
"type": {
|
|
21704
|
-
"text": "boolean | undefined"
|
|
21705
|
-
},
|
|
21706
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
21707
|
-
"default": "undefined",
|
|
21708
|
-
"fieldName": "disabled",
|
|
21709
|
-
"inheritedFrom": {
|
|
21710
|
-
"name": "DisabledMixin",
|
|
21711
|
-
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
21712
|
-
}
|
|
21713
|
-
}
|
|
21714
|
-
],
|
|
21715
|
-
"mixins": [
|
|
21716
|
-
{
|
|
21717
|
-
"name": "DataAriaLabelMixin",
|
|
21718
|
-
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
|
21719
|
-
},
|
|
21720
|
-
{
|
|
21721
|
-
"name": "DisabledMixin",
|
|
21722
|
-
"module": "/src/utils/mixins/DisabledMixin"
|
|
21723
|
-
}
|
|
21724
|
-
],
|
|
21725
|
-
"superclass": {
|
|
21726
|
-
"name": "Component",
|
|
21727
|
-
"module": "/src/models"
|
|
21728
|
-
},
|
|
21729
|
-
"tagName": "mdc-optgroup",
|
|
21730
|
-
"jsDoc": "/**\n * optgroup component, which creates a grouping of mdc-option within a listbox element.\n *\n * @dependency mdc-text\n *\n * @tagname mdc-optgroup\n *\n * @slot default - This is a default slot for mdc-option elements.\n *\n * @cssproperty --mdc-optgroup-disabled-color - Allows customization of the disabled option color.\n */",
|
|
21731
|
-
"customElement": true
|
|
21732
|
-
}
|
|
21733
|
-
],
|
|
21734
|
-
"exports": [
|
|
21735
|
-
{
|
|
21736
|
-
"kind": "js",
|
|
21737
|
-
"name": "default",
|
|
21738
|
-
"declaration": {
|
|
21739
|
-
"name": "OptGroup",
|
|
21740
|
-
"module": "components/optgroup/optgroup.component.js"
|
|
21741
|
-
}
|
|
21742
|
-
}
|
|
21743
|
-
]
|
|
21744
|
-
},
|
|
21745
21607
|
{
|
|
21746
21608
|
"kind": "javascript-module",
|
|
21747
21609
|
"path": "components/option/option.component.js",
|
|
@@ -25292,6 +25154,144 @@
|
|
|
25292
25154
|
}
|
|
25293
25155
|
]
|
|
25294
25156
|
},
|
|
25157
|
+
{
|
|
25158
|
+
"kind": "javascript-module",
|
|
25159
|
+
"path": "components/optgroup/optgroup.component.js",
|
|
25160
|
+
"declarations": [
|
|
25161
|
+
{
|
|
25162
|
+
"kind": "class",
|
|
25163
|
+
"description": "optgroup component, which creates a grouping of mdc-option within a listbox element.",
|
|
25164
|
+
"name": "OptGroup",
|
|
25165
|
+
"cssProperties": [
|
|
25166
|
+
{
|
|
25167
|
+
"description": "Allows customization of the disabled option color.",
|
|
25168
|
+
"name": "--mdc-optgroup-disabled-color"
|
|
25169
|
+
}
|
|
25170
|
+
],
|
|
25171
|
+
"slots": [
|
|
25172
|
+
{
|
|
25173
|
+
"description": "This is a default slot for mdc-option elements.",
|
|
25174
|
+
"name": "default"
|
|
25175
|
+
}
|
|
25176
|
+
],
|
|
25177
|
+
"members": [
|
|
25178
|
+
{
|
|
25179
|
+
"kind": "field",
|
|
25180
|
+
"name": "label",
|
|
25181
|
+
"type": {
|
|
25182
|
+
"text": "string | undefined"
|
|
25183
|
+
},
|
|
25184
|
+
"description": "The header text to be displayed on the top of the options list.",
|
|
25185
|
+
"attribute": "label",
|
|
25186
|
+
"reflects": true
|
|
25187
|
+
},
|
|
25188
|
+
{
|
|
25189
|
+
"kind": "method",
|
|
25190
|
+
"name": "setDisabledForAllOptions",
|
|
25191
|
+
"privacy": "private",
|
|
25192
|
+
"return": {
|
|
25193
|
+
"type": {
|
|
25194
|
+
"text": "void"
|
|
25195
|
+
}
|
|
25196
|
+
}
|
|
25197
|
+
},
|
|
25198
|
+
{
|
|
25199
|
+
"kind": "field",
|
|
25200
|
+
"name": "dataAriaLabel",
|
|
25201
|
+
"type": {
|
|
25202
|
+
"text": "string | null"
|
|
25203
|
+
},
|
|
25204
|
+
"default": "null",
|
|
25205
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
25206
|
+
"attribute": "data-aria-label",
|
|
25207
|
+
"reflects": true,
|
|
25208
|
+
"inheritedFrom": {
|
|
25209
|
+
"name": "DataAriaLabelMixin",
|
|
25210
|
+
"module": "utils/mixins/DataAriaLabelMixin.js"
|
|
25211
|
+
}
|
|
25212
|
+
},
|
|
25213
|
+
{
|
|
25214
|
+
"kind": "field",
|
|
25215
|
+
"name": "disabled",
|
|
25216
|
+
"type": {
|
|
25217
|
+
"text": "boolean | undefined"
|
|
25218
|
+
},
|
|
25219
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
25220
|
+
"default": "undefined",
|
|
25221
|
+
"attribute": "disabled",
|
|
25222
|
+
"reflects": true,
|
|
25223
|
+
"inheritedFrom": {
|
|
25224
|
+
"name": "DisabledMixin",
|
|
25225
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
25226
|
+
}
|
|
25227
|
+
}
|
|
25228
|
+
],
|
|
25229
|
+
"attributes": [
|
|
25230
|
+
{
|
|
25231
|
+
"name": "label",
|
|
25232
|
+
"type": {
|
|
25233
|
+
"text": "string | undefined"
|
|
25234
|
+
},
|
|
25235
|
+
"description": "The header text to be displayed on the top of the options list.",
|
|
25236
|
+
"fieldName": "label"
|
|
25237
|
+
},
|
|
25238
|
+
{
|
|
25239
|
+
"name": "data-aria-label",
|
|
25240
|
+
"type": {
|
|
25241
|
+
"text": "string | null"
|
|
25242
|
+
},
|
|
25243
|
+
"default": "null",
|
|
25244
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
25245
|
+
"fieldName": "dataAriaLabel",
|
|
25246
|
+
"inheritedFrom": {
|
|
25247
|
+
"name": "DataAriaLabelMixin",
|
|
25248
|
+
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
|
25249
|
+
}
|
|
25250
|
+
},
|
|
25251
|
+
{
|
|
25252
|
+
"name": "disabled",
|
|
25253
|
+
"type": {
|
|
25254
|
+
"text": "boolean | undefined"
|
|
25255
|
+
},
|
|
25256
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
25257
|
+
"default": "undefined",
|
|
25258
|
+
"fieldName": "disabled",
|
|
25259
|
+
"inheritedFrom": {
|
|
25260
|
+
"name": "DisabledMixin",
|
|
25261
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
25262
|
+
}
|
|
25263
|
+
}
|
|
25264
|
+
],
|
|
25265
|
+
"mixins": [
|
|
25266
|
+
{
|
|
25267
|
+
"name": "DataAriaLabelMixin",
|
|
25268
|
+
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
|
25269
|
+
},
|
|
25270
|
+
{
|
|
25271
|
+
"name": "DisabledMixin",
|
|
25272
|
+
"module": "/src/utils/mixins/DisabledMixin"
|
|
25273
|
+
}
|
|
25274
|
+
],
|
|
25275
|
+
"superclass": {
|
|
25276
|
+
"name": "Component",
|
|
25277
|
+
"module": "/src/models"
|
|
25278
|
+
},
|
|
25279
|
+
"tagName": "mdc-optgroup",
|
|
25280
|
+
"jsDoc": "/**\n * optgroup component, which creates a grouping of mdc-option within a listbox element.\n *\n * @dependency mdc-text\n *\n * @tagname mdc-optgroup\n *\n * @slot default - This is a default slot for mdc-option elements.\n *\n * @cssproperty --mdc-optgroup-disabled-color - Allows customization of the disabled option color.\n */",
|
|
25281
|
+
"customElement": true
|
|
25282
|
+
}
|
|
25283
|
+
],
|
|
25284
|
+
"exports": [
|
|
25285
|
+
{
|
|
25286
|
+
"kind": "js",
|
|
25287
|
+
"name": "default",
|
|
25288
|
+
"declaration": {
|
|
25289
|
+
"name": "OptGroup",
|
|
25290
|
+
"module": "components/optgroup/optgroup.component.js"
|
|
25291
|
+
}
|
|
25292
|
+
}
|
|
25293
|
+
]
|
|
25294
|
+
},
|
|
25295
25295
|
{
|
|
25296
25296
|
"kind": "javascript-module",
|
|
25297
25297
|
"path": "components/presence/presence.component.js",
|
|
@@ -33715,28 +33715,24 @@
|
|
|
33715
33715
|
},
|
|
33716
33716
|
{
|
|
33717
33717
|
"kind": "javascript-module",
|
|
33718
|
-
"path": "components/
|
|
33718
|
+
"path": "components/toggletip/toggletip.component.js",
|
|
33719
33719
|
"declarations": [
|
|
33720
33720
|
{
|
|
33721
33721
|
"kind": "class",
|
|
33722
|
-
"description": "A
|
|
33723
|
-
"name": "
|
|
33722
|
+
"description": "A toggletip is triggered by clicking a trigger element.\n\nIt can contain interactive content and can be closed by\nclicking outside the toggletip or pressing the escape key.\n\nIt can have optional close button to close the toggletip.\n\nToggletip component uses `mdc-screenreaderannouncer` internally to\nannounce the toggletip text content with screen readers when the toggletip is shown.\n\n`screenreader-announcer-identity` attribute can be used to provide ID of an element\nin DOM to which announcement elements are added. If not set, a visually hidden\ndiv element is created in DOM to which announcement elements are added.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
|
|
33723
|
+
"name": "ToggleTip",
|
|
33724
33724
|
"cssProperties": [
|
|
33725
33725
|
{
|
|
33726
|
-
"description": "The maximum width of the
|
|
33727
|
-
"name": "--mdc-
|
|
33728
|
-
},
|
|
33729
|
-
{
|
|
33730
|
-
"description": "The padding of the tooltip.",
|
|
33731
|
-
"name": "--mdc-tooltip-padding"
|
|
33726
|
+
"description": "The maximum width of the toggletip.",
|
|
33727
|
+
"name": "--mdc-toggletip-max-width"
|
|
33732
33728
|
},
|
|
33733
33729
|
{
|
|
33734
|
-
"description": "The text color of the
|
|
33735
|
-
"name": "--mdc-
|
|
33730
|
+
"description": "The text color of the toggletip.",
|
|
33731
|
+
"name": "--mdc-toggletip-text-color"
|
|
33736
33732
|
},
|
|
33737
33733
|
{
|
|
33738
|
-
"description": "The text color of the
|
|
33739
|
-
"name": "--mdc-
|
|
33734
|
+
"description": "The text color of the toggletip when the color is contrast.",
|
|
33735
|
+
"name": "--mdc-toggletip-text-color-contrast"
|
|
33740
33736
|
},
|
|
33741
33737
|
{
|
|
33742
33738
|
"description": "radius of the arrow border",
|
|
@@ -33819,18 +33815,17 @@
|
|
|
33819
33815
|
}
|
|
33820
33816
|
}
|
|
33821
33817
|
],
|
|
33822
|
-
"
|
|
33818
|
+
"slots": [
|
|
33823
33819
|
{
|
|
33824
|
-
"
|
|
33825
|
-
"name": "
|
|
33826
|
-
"
|
|
33827
|
-
"
|
|
33828
|
-
|
|
33829
|
-
|
|
33830
|
-
|
|
33831
|
-
|
|
33832
|
-
|
|
33833
|
-
},
|
|
33820
|
+
"description": "Default slot for the toggletip content",
|
|
33821
|
+
"name": "",
|
|
33822
|
+
"inheritedFrom": {
|
|
33823
|
+
"name": "Popover",
|
|
33824
|
+
"module": "src/components/popover/popover.component.ts"
|
|
33825
|
+
}
|
|
33826
|
+
}
|
|
33827
|
+
],
|
|
33828
|
+
"members": [
|
|
33834
33829
|
{
|
|
33835
33830
|
"kind": "field",
|
|
33836
33831
|
"name": "defaultSlotNodes",
|
|
@@ -33840,76 +33835,50 @@
|
|
|
33840
33835
|
"privacy": "private"
|
|
33841
33836
|
},
|
|
33842
33837
|
{
|
|
33843
|
-
"kind": "
|
|
33844
|
-
"name": "
|
|
33845
|
-
"
|
|
33846
|
-
|
|
33847
|
-
"type": {
|
|
33848
|
-
"text": ""
|
|
33849
|
-
}
|
|
33850
|
-
}
|
|
33851
|
-
},
|
|
33852
|
-
{
|
|
33853
|
-
"kind": "method",
|
|
33854
|
-
"name": "setTooltipType",
|
|
33855
|
-
"privacy": "private",
|
|
33856
|
-
"return": {
|
|
33857
|
-
"type": {
|
|
33858
|
-
"text": "void"
|
|
33859
|
-
}
|
|
33838
|
+
"kind": "field",
|
|
33839
|
+
"name": "screenreaderAnnouncerIdentity",
|
|
33840
|
+
"type": {
|
|
33841
|
+
"text": "string | undefined"
|
|
33860
33842
|
},
|
|
33861
|
-
"
|
|
33862
|
-
|
|
33863
|
-
|
|
33864
|
-
"type": {
|
|
33865
|
-
"text": "TooltipType"
|
|
33866
|
-
},
|
|
33867
|
-
"description": "The type to set."
|
|
33868
|
-
}
|
|
33869
|
-
],
|
|
33870
|
-
"description": "Sets the type attribute for the tooltip component.\nIf the provided type is not included in the TOOLTIP_TYPES,\nit defaults to the value specified in DEFAULTS.TOOLTIP_TYPE."
|
|
33843
|
+
"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.",
|
|
33844
|
+
"attribute": "screenreader-announcer-identity",
|
|
33845
|
+
"reflects": true
|
|
33871
33846
|
},
|
|
33872
33847
|
{
|
|
33873
|
-
"kind": "
|
|
33874
|
-
"name": "
|
|
33875
|
-
"
|
|
33876
|
-
|
|
33877
|
-
"type": {
|
|
33878
|
-
"text": "void"
|
|
33879
|
-
}
|
|
33848
|
+
"kind": "field",
|
|
33849
|
+
"name": "placement",
|
|
33850
|
+
"type": {
|
|
33851
|
+
"text": "PopoverPlacement"
|
|
33880
33852
|
},
|
|
33881
|
-
"description": "
|
|
33853
|
+
"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**",
|
|
33854
|
+
"default": "bottom",
|
|
33855
|
+
"attribute": "placement",
|
|
33856
|
+
"reflects": true,
|
|
33857
|
+
"inheritedFrom": {
|
|
33858
|
+
"name": "Popover",
|
|
33859
|
+
"module": "components/popover/popover.component.js"
|
|
33860
|
+
}
|
|
33882
33861
|
},
|
|
33883
33862
|
{
|
|
33884
33863
|
"kind": "method",
|
|
33885
|
-
"name": "
|
|
33864
|
+
"name": "getToggleTipText",
|
|
33886
33865
|
"privacy": "private",
|
|
33887
33866
|
"return": {
|
|
33888
33867
|
"type": {
|
|
33889
|
-
"text": "
|
|
33868
|
+
"text": ""
|
|
33890
33869
|
}
|
|
33891
|
-
}
|
|
33892
|
-
"description": "Updates the placement attribute if it is not a valid placement.\nOverriding the default from Popover"
|
|
33870
|
+
}
|
|
33893
33871
|
},
|
|
33894
33872
|
{
|
|
33895
33873
|
"kind": "method",
|
|
33896
|
-
"name": "
|
|
33874
|
+
"name": "onPlacementUpdated",
|
|
33897
33875
|
"privacy": "private",
|
|
33898
33876
|
"return": {
|
|
33899
33877
|
"type": {
|
|
33900
33878
|
"text": "void"
|
|
33901
33879
|
}
|
|
33902
33880
|
},
|
|
33903
|
-
"
|
|
33904
|
-
{
|
|
33905
|
-
"name": "changedProperties",
|
|
33906
|
-
"type": {
|
|
33907
|
-
"text": "PropertyValues"
|
|
33908
|
-
},
|
|
33909
|
-
"description": "The changed properties."
|
|
33910
|
-
}
|
|
33911
|
-
],
|
|
33912
|
-
"description": "Updates the tooltip type attribute and sets the appropriate aria props on the trigger component."
|
|
33881
|
+
"description": "Updates the placement attribute if it is not a valid placement.\nDefault placement for toggle tip is top."
|
|
33913
33882
|
},
|
|
33914
33883
|
{
|
|
33915
33884
|
"kind": "field",
|
|
@@ -34502,21 +34471,6 @@
|
|
|
34502
34471
|
"module": "components/popover/popover.component.js"
|
|
34503
34472
|
}
|
|
34504
34473
|
},
|
|
34505
|
-
{
|
|
34506
|
-
"kind": "field",
|
|
34507
|
-
"name": "placement",
|
|
34508
|
-
"type": {
|
|
34509
|
-
"text": "PopoverPlacement"
|
|
34510
|
-
},
|
|
34511
|
-
"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**",
|
|
34512
|
-
"default": "bottom",
|
|
34513
|
-
"attribute": "placement",
|
|
34514
|
-
"reflects": true,
|
|
34515
|
-
"inheritedFrom": {
|
|
34516
|
-
"name": "Popover",
|
|
34517
|
-
"module": "components/popover/popover.component.js"
|
|
34518
|
-
}
|
|
34519
|
-
},
|
|
34520
34474
|
{
|
|
34521
34475
|
"kind": "field",
|
|
34522
34476
|
"name": "color",
|
|
@@ -35084,7 +35038,7 @@
|
|
|
35084
35038
|
],
|
|
35085
35039
|
"events": [
|
|
35086
35040
|
{
|
|
35087
|
-
"description": "(React: onShown) This event is dispatched when the
|
|
35041
|
+
"description": "(React: onShown) This event is dispatched when the toggletip is shown",
|
|
35088
35042
|
"name": "shown",
|
|
35089
35043
|
"reactName": "onShown",
|
|
35090
35044
|
"inheritedFrom": {
|
|
@@ -35093,7 +35047,7 @@
|
|
|
35093
35047
|
}
|
|
35094
35048
|
},
|
|
35095
35049
|
{
|
|
35096
|
-
"description": "(React: onHidden) This event is dispatched when the
|
|
35050
|
+
"description": "(React: onHidden) This event is dispatched when the toggletip is hidden",
|
|
35097
35051
|
"name": "hidden",
|
|
35098
35052
|
"reactName": "onHidden",
|
|
35099
35053
|
"inheritedFrom": {
|
|
@@ -35102,7 +35056,7 @@
|
|
|
35102
35056
|
}
|
|
35103
35057
|
},
|
|
35104
35058
|
{
|
|
35105
|
-
"description": "(React: onCreated) This event is dispatched when the
|
|
35059
|
+
"description": "(React: onCreated) This event is dispatched when the toggletip is created (added to the DOM)",
|
|
35106
35060
|
"name": "created",
|
|
35107
35061
|
"reactName": "onCreated",
|
|
35108
35062
|
"inheritedFrom": {
|
|
@@ -35111,7 +35065,7 @@
|
|
|
35111
35065
|
}
|
|
35112
35066
|
},
|
|
35113
35067
|
{
|
|
35114
|
-
"description": "(React: onDestroyed) This event is dispatched when the
|
|
35068
|
+
"description": "(React: onDestroyed) This event is dispatched when the toggletip is destroyed (removed from the DOM)",
|
|
35115
35069
|
"name": "destroyed",
|
|
35116
35070
|
"reactName": "onDestroyed",
|
|
35117
35071
|
"inheritedFrom": {
|
|
@@ -35122,13 +35076,25 @@
|
|
|
35122
35076
|
],
|
|
35123
35077
|
"attributes": [
|
|
35124
35078
|
{
|
|
35125
|
-
"name": "
|
|
35079
|
+
"name": "screenreader-announcer-identity",
|
|
35126
35080
|
"type": {
|
|
35127
|
-
"text": "
|
|
35081
|
+
"text": "string | undefined"
|
|
35128
35082
|
},
|
|
35129
|
-
"description": "
|
|
35130
|
-
"
|
|
35131
|
-
|
|
35083
|
+
"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.",
|
|
35084
|
+
"fieldName": "screenreaderAnnouncerIdentity"
|
|
35085
|
+
},
|
|
35086
|
+
{
|
|
35087
|
+
"name": "placement",
|
|
35088
|
+
"type": {
|
|
35089
|
+
"text": "PopoverPlacement"
|
|
35090
|
+
},
|
|
35091
|
+
"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**",
|
|
35092
|
+
"default": "bottom",
|
|
35093
|
+
"fieldName": "placement",
|
|
35094
|
+
"inheritedFrom": {
|
|
35095
|
+
"name": "Popover",
|
|
35096
|
+
"module": "src/components/popover/popover.component.ts"
|
|
35097
|
+
}
|
|
35132
35098
|
},
|
|
35133
35099
|
{
|
|
35134
35100
|
"name": "should-focus-trap-wrap",
|
|
@@ -35182,19 +35148,6 @@
|
|
|
35182
35148
|
"module": "src/components/popover/popover.component.ts"
|
|
35183
35149
|
}
|
|
35184
35150
|
},
|
|
35185
|
-
{
|
|
35186
|
-
"name": "placement",
|
|
35187
|
-
"type": {
|
|
35188
|
-
"text": "PopoverPlacement"
|
|
35189
|
-
},
|
|
35190
|
-
"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**",
|
|
35191
|
-
"default": "bottom",
|
|
35192
|
-
"fieldName": "placement",
|
|
35193
|
-
"inheritedFrom": {
|
|
35194
|
-
"name": "Popover",
|
|
35195
|
-
"module": "src/components/popover/popover.component.ts"
|
|
35196
|
-
}
|
|
35197
|
-
},
|
|
35198
35151
|
{
|
|
35199
35152
|
"name": "color",
|
|
35200
35153
|
"type": {
|
|
@@ -35525,19 +35478,9 @@
|
|
|
35525
35478
|
"name": "Popover",
|
|
35526
35479
|
"module": "/src/components/popover/popover.component"
|
|
35527
35480
|
},
|
|
35528
|
-
"tagName": "mdc-
|
|
35529
|
-
"jsDoc": "/**\n * A
|
|
35530
|
-
"customElement": true
|
|
35531
|
-
"slots": [
|
|
35532
|
-
{
|
|
35533
|
-
"description": "Default slot for the popover content",
|
|
35534
|
-
"name": "",
|
|
35535
|
-
"inheritedFrom": {
|
|
35536
|
-
"name": "Popover",
|
|
35537
|
-
"module": "src/components/popover/popover.component.ts"
|
|
35538
|
-
}
|
|
35539
|
-
}
|
|
35540
|
-
]
|
|
35481
|
+
"tagName": "mdc-toggletip",
|
|
35482
|
+
"jsDoc": "/**\n * A toggletip is triggered by clicking a trigger element.\n *\n * It can contain interactive content and can be closed by\n * clicking outside the toggletip or pressing the escape key.\n *\n * It can have optional close button to close the toggletip.\n *\n * Toggletip component uses `mdc-screenreaderannouncer` internally to\n * announce the toggletip text content with screen readers when the toggletip is shown.\n *\n * `screenreader-announcer-identity` attribute can be used to provide ID of an element\n * in DOM to which announcement elements are added. If not set, a visually hidden\n * div element is created in DOM to which announcement elements are added.\n *\n * Please refer to the `mdc-screenreaderannouncer` component for more details.\n *\n * @dependency mdc-screenreaderannouncer\n * @dependency mdc-button\n *\n * @tagname mdc-toggletip\n *\n * @event shown - (React: onShown) This event is dispatched when the toggletip is shown\n * @event hidden - (React: onHidden) This event is dispatched when the toggletip is hidden\n * @event created - (React: onCreated) This event is dispatched when the toggletip is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the toggletip\n * is destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-toggletip-max-width - The maximum width of the toggletip.\n * @cssproperty --mdc-toggletip-text-color - The text color of the toggletip.\n * @cssproperty --mdc-toggletip-text-color-contrast - The text color of the toggletip\n * when the color is contrast.\n *\n * @slot - Default slot for the toggletip content\n */",
|
|
35483
|
+
"customElement": true
|
|
35541
35484
|
}
|
|
35542
35485
|
],
|
|
35543
35486
|
"exports": [
|
|
@@ -35545,32 +35488,36 @@
|
|
|
35545
35488
|
"kind": "js",
|
|
35546
35489
|
"name": "default",
|
|
35547
35490
|
"declaration": {
|
|
35548
|
-
"name": "
|
|
35549
|
-
"module": "components/
|
|
35491
|
+
"name": "ToggleTip",
|
|
35492
|
+
"module": "components/toggletip/toggletip.component.js"
|
|
35550
35493
|
}
|
|
35551
35494
|
}
|
|
35552
35495
|
]
|
|
35553
35496
|
},
|
|
35554
35497
|
{
|
|
35555
35498
|
"kind": "javascript-module",
|
|
35556
|
-
"path": "components/
|
|
35499
|
+
"path": "components/tooltip/tooltip.component.js",
|
|
35557
35500
|
"declarations": [
|
|
35558
35501
|
{
|
|
35559
35502
|
"kind": "class",
|
|
35560
|
-
"description": "A
|
|
35561
|
-
"name": "
|
|
35503
|
+
"description": "A tooltip is triggered by mouse hover or by keyboard focus\nand will disappear upon mouse exit or focus change.\n\nNote: Tooltips cannot contain content that can be focused or interacted with.",
|
|
35504
|
+
"name": "Tooltip",
|
|
35562
35505
|
"cssProperties": [
|
|
35563
35506
|
{
|
|
35564
|
-
"description": "The maximum width of the
|
|
35565
|
-
"name": "--mdc-
|
|
35507
|
+
"description": "The maximum width of the tooltip.",
|
|
35508
|
+
"name": "--mdc-tooltip-max-width"
|
|
35566
35509
|
},
|
|
35567
35510
|
{
|
|
35568
|
-
"description": "The
|
|
35569
|
-
"name": "--mdc-
|
|
35511
|
+
"description": "The padding of the tooltip.",
|
|
35512
|
+
"name": "--mdc-tooltip-padding"
|
|
35570
35513
|
},
|
|
35571
35514
|
{
|
|
35572
|
-
"description": "The text color of the
|
|
35573
|
-
"name": "--mdc-
|
|
35515
|
+
"description": "The text color of the tooltip.",
|
|
35516
|
+
"name": "--mdc-tooltip-text-color"
|
|
35517
|
+
},
|
|
35518
|
+
{
|
|
35519
|
+
"description": "The text color of the tooltip when the color is contrast.",
|
|
35520
|
+
"name": "--mdc-tooltip-text-color-contrast"
|
|
35574
35521
|
},
|
|
35575
35522
|
{
|
|
35576
35523
|
"description": "radius of the arrow border",
|
|
@@ -35653,53 +35600,29 @@
|
|
|
35653
35600
|
}
|
|
35654
35601
|
}
|
|
35655
35602
|
],
|
|
35656
|
-
"slots": [
|
|
35657
|
-
{
|
|
35658
|
-
"description": "Default slot for the toggletip content",
|
|
35659
|
-
"name": "",
|
|
35660
|
-
"inheritedFrom": {
|
|
35661
|
-
"name": "Popover",
|
|
35662
|
-
"module": "src/components/popover/popover.component.ts"
|
|
35663
|
-
}
|
|
35664
|
-
}
|
|
35665
|
-
],
|
|
35666
35603
|
"members": [
|
|
35667
35604
|
{
|
|
35668
35605
|
"kind": "field",
|
|
35669
|
-
"name": "
|
|
35670
|
-
"type": {
|
|
35671
|
-
"text": "Array<Node>"
|
|
35672
|
-
},
|
|
35673
|
-
"privacy": "private"
|
|
35674
|
-
},
|
|
35675
|
-
{
|
|
35676
|
-
"kind": "field",
|
|
35677
|
-
"name": "screenreaderAnnouncerIdentity",
|
|
35606
|
+
"name": "tooltipType",
|
|
35678
35607
|
"type": {
|
|
35679
|
-
"text": "
|
|
35608
|
+
"text": "TooltipType"
|
|
35680
35609
|
},
|
|
35681
|
-
"description": "
|
|
35682
|
-
"
|
|
35610
|
+
"description": "The type of tooltip.\n- **description** sets aria-describedby on the trigger component which refers to the tooltip id.\n- **label** sets aria-labelledby on the trigger component which refers to the tooltip id.\n- **none** no aria props set on trigger component referring to the tooltip id.",
|
|
35611
|
+
"default": "'description'",
|
|
35612
|
+
"attribute": "tooltip-type",
|
|
35683
35613
|
"reflects": true
|
|
35684
35614
|
},
|
|
35685
35615
|
{
|
|
35686
35616
|
"kind": "field",
|
|
35687
|
-
"name": "
|
|
35617
|
+
"name": "defaultSlotNodes",
|
|
35688
35618
|
"type": {
|
|
35689
|
-
"text": "
|
|
35619
|
+
"text": "Array<Node>"
|
|
35690
35620
|
},
|
|
35691
|
-
"
|
|
35692
|
-
"default": "bottom",
|
|
35693
|
-
"attribute": "placement",
|
|
35694
|
-
"reflects": true,
|
|
35695
|
-
"inheritedFrom": {
|
|
35696
|
-
"name": "Popover",
|
|
35697
|
-
"module": "components/popover/popover.component.js"
|
|
35698
|
-
}
|
|
35621
|
+
"privacy": "private"
|
|
35699
35622
|
},
|
|
35700
35623
|
{
|
|
35701
35624
|
"kind": "method",
|
|
35702
|
-
"name": "
|
|
35625
|
+
"name": "getTooltipText",
|
|
35703
35626
|
"privacy": "private",
|
|
35704
35627
|
"return": {
|
|
35705
35628
|
"type": {
|
|
@@ -35707,6 +35630,37 @@
|
|
|
35707
35630
|
}
|
|
35708
35631
|
}
|
|
35709
35632
|
},
|
|
35633
|
+
{
|
|
35634
|
+
"kind": "method",
|
|
35635
|
+
"name": "setTooltipType",
|
|
35636
|
+
"privacy": "private",
|
|
35637
|
+
"return": {
|
|
35638
|
+
"type": {
|
|
35639
|
+
"text": "void"
|
|
35640
|
+
}
|
|
35641
|
+
},
|
|
35642
|
+
"parameters": [
|
|
35643
|
+
{
|
|
35644
|
+
"name": "type",
|
|
35645
|
+
"type": {
|
|
35646
|
+
"text": "TooltipType"
|
|
35647
|
+
},
|
|
35648
|
+
"description": "The type to set."
|
|
35649
|
+
}
|
|
35650
|
+
],
|
|
35651
|
+
"description": "Sets the type attribute for the tooltip component.\nIf the provided type is not included in the TOOLTIP_TYPES,\nit defaults to the value specified in DEFAULTS.TOOLTIP_TYPE."
|
|
35652
|
+
},
|
|
35653
|
+
{
|
|
35654
|
+
"kind": "method",
|
|
35655
|
+
"name": "onIdUpdated",
|
|
35656
|
+
"privacy": "private",
|
|
35657
|
+
"return": {
|
|
35658
|
+
"type": {
|
|
35659
|
+
"text": "void"
|
|
35660
|
+
}
|
|
35661
|
+
},
|
|
35662
|
+
"description": "Updates the tooltip id if it is empty."
|
|
35663
|
+
},
|
|
35710
35664
|
{
|
|
35711
35665
|
"kind": "method",
|
|
35712
35666
|
"name": "onPlacementUpdated",
|
|
@@ -35716,7 +35670,27 @@
|
|
|
35716
35670
|
"text": "void"
|
|
35717
35671
|
}
|
|
35718
35672
|
},
|
|
35719
|
-
"description": "Updates the placement attribute if it is not a valid placement.\
|
|
35673
|
+
"description": "Updates the placement attribute if it is not a valid placement.\nOverriding the default from Popover"
|
|
35674
|
+
},
|
|
35675
|
+
{
|
|
35676
|
+
"kind": "method",
|
|
35677
|
+
"name": "onTooltipTypeUpdated",
|
|
35678
|
+
"privacy": "private",
|
|
35679
|
+
"return": {
|
|
35680
|
+
"type": {
|
|
35681
|
+
"text": "void"
|
|
35682
|
+
}
|
|
35683
|
+
},
|
|
35684
|
+
"parameters": [
|
|
35685
|
+
{
|
|
35686
|
+
"name": "changedProperties",
|
|
35687
|
+
"type": {
|
|
35688
|
+
"text": "PropertyValues"
|
|
35689
|
+
},
|
|
35690
|
+
"description": "The changed properties."
|
|
35691
|
+
}
|
|
35692
|
+
],
|
|
35693
|
+
"description": "Updates the tooltip type attribute and sets the appropriate aria props on the trigger component."
|
|
35720
35694
|
},
|
|
35721
35695
|
{
|
|
35722
35696
|
"kind": "field",
|
|
@@ -36309,6 +36283,21 @@
|
|
|
36309
36283
|
"module": "components/popover/popover.component.js"
|
|
36310
36284
|
}
|
|
36311
36285
|
},
|
|
36286
|
+
{
|
|
36287
|
+
"kind": "field",
|
|
36288
|
+
"name": "placement",
|
|
36289
|
+
"type": {
|
|
36290
|
+
"text": "PopoverPlacement"
|
|
36291
|
+
},
|
|
36292
|
+
"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**",
|
|
36293
|
+
"default": "bottom",
|
|
36294
|
+
"attribute": "placement",
|
|
36295
|
+
"reflects": true,
|
|
36296
|
+
"inheritedFrom": {
|
|
36297
|
+
"name": "Popover",
|
|
36298
|
+
"module": "components/popover/popover.component.js"
|
|
36299
|
+
}
|
|
36300
|
+
},
|
|
36312
36301
|
{
|
|
36313
36302
|
"kind": "field",
|
|
36314
36303
|
"name": "color",
|
|
@@ -36876,7 +36865,7 @@
|
|
|
36876
36865
|
],
|
|
36877
36866
|
"events": [
|
|
36878
36867
|
{
|
|
36879
|
-
"description": "(React: onShown) This event is dispatched when the
|
|
36868
|
+
"description": "(React: onShown) This event is dispatched when the tooltip is shown",
|
|
36880
36869
|
"name": "shown",
|
|
36881
36870
|
"reactName": "onShown",
|
|
36882
36871
|
"inheritedFrom": {
|
|
@@ -36885,7 +36874,7 @@
|
|
|
36885
36874
|
}
|
|
36886
36875
|
},
|
|
36887
36876
|
{
|
|
36888
|
-
"description": "(React: onHidden) This event is dispatched when the
|
|
36877
|
+
"description": "(React: onHidden) This event is dispatched when the tooltip is hidden",
|
|
36889
36878
|
"name": "hidden",
|
|
36890
36879
|
"reactName": "onHidden",
|
|
36891
36880
|
"inheritedFrom": {
|
|
@@ -36894,7 +36883,7 @@
|
|
|
36894
36883
|
}
|
|
36895
36884
|
},
|
|
36896
36885
|
{
|
|
36897
|
-
"description": "(React: onCreated) This event is dispatched when the
|
|
36886
|
+
"description": "(React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)",
|
|
36898
36887
|
"name": "created",
|
|
36899
36888
|
"reactName": "onCreated",
|
|
36900
36889
|
"inheritedFrom": {
|
|
@@ -36903,7 +36892,7 @@
|
|
|
36903
36892
|
}
|
|
36904
36893
|
},
|
|
36905
36894
|
{
|
|
36906
|
-
"description": "(React: onDestroyed) This event is dispatched when the
|
|
36895
|
+
"description": "(React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)",
|
|
36907
36896
|
"name": "destroyed",
|
|
36908
36897
|
"reactName": "onDestroyed",
|
|
36909
36898
|
"inheritedFrom": {
|
|
@@ -36914,25 +36903,13 @@
|
|
|
36914
36903
|
],
|
|
36915
36904
|
"attributes": [
|
|
36916
36905
|
{
|
|
36917
|
-
"name": "
|
|
36918
|
-
"type": {
|
|
36919
|
-
"text": "string | undefined"
|
|
36920
|
-
},
|
|
36921
|
-
"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.",
|
|
36922
|
-
"fieldName": "screenreaderAnnouncerIdentity"
|
|
36923
|
-
},
|
|
36924
|
-
{
|
|
36925
|
-
"name": "placement",
|
|
36906
|
+
"name": "tooltip-type",
|
|
36926
36907
|
"type": {
|
|
36927
|
-
"text": "
|
|
36908
|
+
"text": "TooltipType"
|
|
36928
36909
|
},
|
|
36929
|
-
"description": "The
|
|
36930
|
-
"default": "
|
|
36931
|
-
"fieldName": "
|
|
36932
|
-
"inheritedFrom": {
|
|
36933
|
-
"name": "Popover",
|
|
36934
|
-
"module": "src/components/popover/popover.component.ts"
|
|
36935
|
-
}
|
|
36910
|
+
"description": "The type of tooltip.\n- **description** sets aria-describedby on the trigger component which refers to the tooltip id.\n- **label** sets aria-labelledby on the trigger component which refers to the tooltip id.\n- **none** no aria props set on trigger component referring to the tooltip id.",
|
|
36911
|
+
"default": "'description'",
|
|
36912
|
+
"fieldName": "tooltipType"
|
|
36936
36913
|
},
|
|
36937
36914
|
{
|
|
36938
36915
|
"name": "should-focus-trap-wrap",
|
|
@@ -36986,6 +36963,19 @@
|
|
|
36986
36963
|
"module": "src/components/popover/popover.component.ts"
|
|
36987
36964
|
}
|
|
36988
36965
|
},
|
|
36966
|
+
{
|
|
36967
|
+
"name": "placement",
|
|
36968
|
+
"type": {
|
|
36969
|
+
"text": "PopoverPlacement"
|
|
36970
|
+
},
|
|
36971
|
+
"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**",
|
|
36972
|
+
"default": "bottom",
|
|
36973
|
+
"fieldName": "placement",
|
|
36974
|
+
"inheritedFrom": {
|
|
36975
|
+
"name": "Popover",
|
|
36976
|
+
"module": "src/components/popover/popover.component.ts"
|
|
36977
|
+
}
|
|
36978
|
+
},
|
|
36989
36979
|
{
|
|
36990
36980
|
"name": "color",
|
|
36991
36981
|
"type": {
|
|
@@ -37316,9 +37306,19 @@
|
|
|
37316
37306
|
"name": "Popover",
|
|
37317
37307
|
"module": "/src/components/popover/popover.component"
|
|
37318
37308
|
},
|
|
37319
|
-
"tagName": "mdc-
|
|
37320
|
-
"jsDoc": "/**\n * A
|
|
37321
|
-
"customElement": true
|
|
37309
|
+
"tagName": "mdc-tooltip",
|
|
37310
|
+
"jsDoc": "/**\n * A tooltip is triggered by mouse hover or by keyboard focus\n * and will disappear upon mouse exit or focus change.\n *\n * Note: Tooltips cannot contain content that can be focused or interacted with.\n *\n * @tagname mdc-tooltip\n *\n * @event shown - (React: onShown) This event is dispatched when the tooltip is shown\n * @event hidden - (React: onHidden) This event is dispatched when the tooltip is hidden\n * @event created - (React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-tooltip-max-width - The maximum width of the tooltip.\n * @cssproperty --mdc-tooltip-padding - The padding of the tooltip.\n * @cssproperty --mdc-tooltip-text-color - The text color of the tooltip.\n * @cssproperty --mdc-tooltip-text-color-contrast - The text color of the tooltip when the color is contrast.\n *\n */",
|
|
37311
|
+
"customElement": true,
|
|
37312
|
+
"slots": [
|
|
37313
|
+
{
|
|
37314
|
+
"description": "Default slot for the popover content",
|
|
37315
|
+
"name": "",
|
|
37316
|
+
"inheritedFrom": {
|
|
37317
|
+
"name": "Popover",
|
|
37318
|
+
"module": "src/components/popover/popover.component.ts"
|
|
37319
|
+
}
|
|
37320
|
+
}
|
|
37321
|
+
]
|
|
37322
37322
|
}
|
|
37323
37323
|
],
|
|
37324
37324
|
"exports": [
|
|
@@ -37326,8 +37326,8 @@
|
|
|
37326
37326
|
"kind": "js",
|
|
37327
37327
|
"name": "default",
|
|
37328
37328
|
"declaration": {
|
|
37329
|
-
"name": "
|
|
37330
|
-
"module": "components/
|
|
37329
|
+
"name": "Tooltip",
|
|
37330
|
+
"module": "components/tooltip/tooltip.component.js"
|
|
37331
37331
|
}
|
|
37332
37332
|
}
|
|
37333
37333
|
]
|