@momentum-design/components 0.95.2 → 0.95.4
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 +1 -1
- package/dist/browser/index.js.map +3 -3
- package/dist/components/select/select.component.d.ts +7 -0
- package/dist/components/select/select.component.js +16 -0
- package/dist/components/select/select.types.d.ts +9 -7
- package/dist/custom-elements.json +468 -457
- package/dist/index.d.ts +3 -2
- package/dist/index.js +1 -1
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.js +2 -2
- package/dist/react/select/index.d.ts +2 -6
- package/package.json +1 -1
|
@@ -2,218 +2,6 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
-
{
|
|
6
|
-
"kind": "javascript-module",
|
|
7
|
-
"path": "components/animation/animation.component.js",
|
|
8
|
-
"declarations": [
|
|
9
|
-
{
|
|
10
|
-
"kind": "class",
|
|
11
|
-
"description": "The `mdc-animation` component is a wrapper around the Lottie animation library.\nIt fetches the animation data dynamically based on the provided name and renders it.\nThis is a display only component that does not have any interactive functionality.\nFrom accessibility perspective, (by default) it is a decorative image component.",
|
|
12
|
-
"name": "Animation",
|
|
13
|
-
"members": [
|
|
14
|
-
{
|
|
15
|
-
"kind": "field",
|
|
16
|
-
"name": "name",
|
|
17
|
-
"type": {
|
|
18
|
-
"text": "AnimationNames | undefined"
|
|
19
|
-
},
|
|
20
|
-
"description": "Name of the animation (= filename)",
|
|
21
|
-
"attribute": "name",
|
|
22
|
-
"reflects": true
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"kind": "field",
|
|
26
|
-
"name": "loop",
|
|
27
|
-
"type": {
|
|
28
|
-
"text": "LoopType | undefined"
|
|
29
|
-
},
|
|
30
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
31
|
-
"attribute": "loop",
|
|
32
|
-
"reflects": true
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
"kind": "field",
|
|
36
|
-
"name": "autoplay",
|
|
37
|
-
"type": {
|
|
38
|
-
"text": "boolean | undefined"
|
|
39
|
-
},
|
|
40
|
-
"description": "Weather start the animation automatically",
|
|
41
|
-
"attribute": "autoplay",
|
|
42
|
-
"reflects": true
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
"kind": "field",
|
|
46
|
-
"name": "ariaLabel",
|
|
47
|
-
"type": {
|
|
48
|
-
"text": "string | null"
|
|
49
|
-
},
|
|
50
|
-
"default": "null",
|
|
51
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
52
|
-
"attribute": "aria-label"
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
"kind": "field",
|
|
56
|
-
"name": "ariaLabelledBy",
|
|
57
|
-
"type": {
|
|
58
|
-
"text": "string | null"
|
|
59
|
-
},
|
|
60
|
-
"default": "null",
|
|
61
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
62
|
-
"attribute": "aria-labelledby"
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
"kind": "field",
|
|
66
|
-
"name": "lottieInstance",
|
|
67
|
-
"type": {
|
|
68
|
-
"text": "AnimationItem | undefined"
|
|
69
|
-
},
|
|
70
|
-
"privacy": "private",
|
|
71
|
-
"description": "Lottie animation instance"
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"kind": "field",
|
|
75
|
-
"name": "containerRef",
|
|
76
|
-
"type": {
|
|
77
|
-
"text": "Ref<HTMLDivElement>"
|
|
78
|
-
},
|
|
79
|
-
"privacy": "private",
|
|
80
|
-
"description": "Container for the animation"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"kind": "field",
|
|
84
|
-
"name": "animation",
|
|
85
|
-
"description": "Exposed API of the animation library (lottie)",
|
|
86
|
-
"readonly": true
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
"kind": "method",
|
|
90
|
-
"name": "getLoopValue",
|
|
91
|
-
"privacy": "private"
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
"kind": "method",
|
|
95
|
-
"name": "onLoadSuccessHandler",
|
|
96
|
-
"privacy": "private",
|
|
97
|
-
"parameters": [
|
|
98
|
-
{
|
|
99
|
-
"name": "animationData",
|
|
100
|
-
"type": {
|
|
101
|
-
"text": "any"
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
],
|
|
105
|
-
"description": "Create new lotty instance for the loaded data"
|
|
106
|
-
},
|
|
107
|
-
{
|
|
108
|
-
"kind": "method",
|
|
109
|
-
"name": "onLoadFailHandler",
|
|
110
|
-
"privacy": "private",
|
|
111
|
-
"parameters": [
|
|
112
|
-
{
|
|
113
|
-
"name": "error",
|
|
114
|
-
"type": {
|
|
115
|
-
"text": "Error"
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
],
|
|
119
|
-
"description": "Error handler for animation loading"
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
"kind": "method",
|
|
123
|
-
"name": "getAnimationData",
|
|
124
|
-
"privacy": "private",
|
|
125
|
-
"description": "Import animation data dynamically"
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
"kind": "field",
|
|
129
|
-
"name": "onCompleteHandler",
|
|
130
|
-
"description": "Re-dispatch the complete event from the animation library\n\nThis handler called with the animation instance instead of the component instance\nso we need to bind it to the component instance. The arrow function just does that."
|
|
131
|
-
}
|
|
132
|
-
],
|
|
133
|
-
"events": [
|
|
134
|
-
{
|
|
135
|
-
"name": "load",
|
|
136
|
-
"type": {
|
|
137
|
-
"text": "CustomEvent"
|
|
138
|
-
},
|
|
139
|
-
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
|
140
|
-
"reactName": "onLoad"
|
|
141
|
-
},
|
|
142
|
-
{
|
|
143
|
-
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
|
144
|
-
"name": "complete",
|
|
145
|
-
"reactName": "onComplete"
|
|
146
|
-
},
|
|
147
|
-
{
|
|
148
|
-
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
149
|
-
"name": "error",
|
|
150
|
-
"reactName": "onError"
|
|
151
|
-
}
|
|
152
|
-
],
|
|
153
|
-
"attributes": [
|
|
154
|
-
{
|
|
155
|
-
"name": "name",
|
|
156
|
-
"type": {
|
|
157
|
-
"text": "AnimationNames | undefined"
|
|
158
|
-
},
|
|
159
|
-
"description": "Name of the animation (= filename)",
|
|
160
|
-
"fieldName": "name"
|
|
161
|
-
},
|
|
162
|
-
{
|
|
163
|
-
"name": "loop",
|
|
164
|
-
"type": {
|
|
165
|
-
"text": "LoopType | undefined"
|
|
166
|
-
},
|
|
167
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
168
|
-
"fieldName": "loop"
|
|
169
|
-
},
|
|
170
|
-
{
|
|
171
|
-
"name": "autoplay",
|
|
172
|
-
"type": {
|
|
173
|
-
"text": "boolean | undefined"
|
|
174
|
-
},
|
|
175
|
-
"description": "Weather start the animation automatically",
|
|
176
|
-
"fieldName": "autoplay"
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
"name": "aria-label",
|
|
180
|
-
"type": {
|
|
181
|
-
"text": "string | null"
|
|
182
|
-
},
|
|
183
|
-
"default": "null",
|
|
184
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
185
|
-
"fieldName": "ariaLabel"
|
|
186
|
-
},
|
|
187
|
-
{
|
|
188
|
-
"name": "aria-labelledby",
|
|
189
|
-
"type": {
|
|
190
|
-
"text": "string | null"
|
|
191
|
-
},
|
|
192
|
-
"default": "null",
|
|
193
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
194
|
-
"fieldName": "ariaLabelledBy"
|
|
195
|
-
}
|
|
196
|
-
],
|
|
197
|
-
"superclass": {
|
|
198
|
-
"name": "Component",
|
|
199
|
-
"module": "/src/models"
|
|
200
|
-
},
|
|
201
|
-
"tagName": "mdc-animation",
|
|
202
|
-
"jsDoc": "/**\n * The `mdc-animation` component is a wrapper around the Lottie animation library.\n * It fetches the animation data dynamically based on the provided name and renders it.\n * This is a display only component that does not have any interactive functionality.\n * From accessibility perspective, (by default) it is a decorative image component.\n *\n * @tagname mdc-animation\n *\n * @event load - (React: onLoad) This event is dispatched when the animation is loaded\n * @event complete - (React: onComplete) This event is dispatched when all animation loops completed\n * @event error - (React: onError) This event is dispatched when animation loading failed\n */",
|
|
203
|
-
"customElement": true
|
|
204
|
-
}
|
|
205
|
-
],
|
|
206
|
-
"exports": [
|
|
207
|
-
{
|
|
208
|
-
"kind": "js",
|
|
209
|
-
"name": "default",
|
|
210
|
-
"declaration": {
|
|
211
|
-
"name": "Animation",
|
|
212
|
-
"module": "components/animation/animation.component.js"
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
]
|
|
216
|
-
},
|
|
217
5
|
{
|
|
218
6
|
"kind": "javascript-module",
|
|
219
7
|
"path": "components/alertchip/alertchip.component.js",
|
|
@@ -711,24 +499,236 @@
|
|
|
711
499
|
}
|
|
712
500
|
},
|
|
713
501
|
{
|
|
714
|
-
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
715
|
-
"name": "keyup",
|
|
716
|
-
"reactName": "onKeyUp",
|
|
717
|
-
"inheritedFrom": {
|
|
718
|
-
"name": "Buttonsimple",
|
|
719
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
720
|
-
}
|
|
502
|
+
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
503
|
+
"name": "keyup",
|
|
504
|
+
"reactName": "onKeyUp",
|
|
505
|
+
"inheritedFrom": {
|
|
506
|
+
"name": "Buttonsimple",
|
|
507
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
508
|
+
}
|
|
509
|
+
},
|
|
510
|
+
{
|
|
511
|
+
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
|
512
|
+
"name": "focus",
|
|
513
|
+
"reactName": "onFocus",
|
|
514
|
+
"inheritedFrom": {
|
|
515
|
+
"name": "Buttonsimple",
|
|
516
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
517
|
+
}
|
|
518
|
+
}
|
|
519
|
+
]
|
|
520
|
+
}
|
|
521
|
+
],
|
|
522
|
+
"exports": [
|
|
523
|
+
{
|
|
524
|
+
"kind": "js",
|
|
525
|
+
"name": "default",
|
|
526
|
+
"declaration": {
|
|
527
|
+
"name": "AlertChip",
|
|
528
|
+
"module": "components/alertchip/alertchip.component.js"
|
|
529
|
+
}
|
|
530
|
+
}
|
|
531
|
+
]
|
|
532
|
+
},
|
|
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"
|
|
721
714
|
},
|
|
722
715
|
{
|
|
723
|
-
"
|
|
724
|
-
"
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
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"
|
|
730
723
|
}
|
|
731
|
-
]
|
|
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
732
|
}
|
|
733
733
|
],
|
|
734
734
|
"exports": [
|
|
@@ -736,8 +736,8 @@
|
|
|
736
736
|
"kind": "js",
|
|
737
737
|
"name": "default",
|
|
738
738
|
"declaration": {
|
|
739
|
-
"name": "
|
|
740
|
-
"module": "components/
|
|
739
|
+
"name": "Animation",
|
|
740
|
+
"module": "components/animation/animation.component.js"
|
|
741
741
|
}
|
|
742
742
|
}
|
|
743
743
|
]
|
|
@@ -12116,250 +12116,54 @@
|
|
|
12116
12116
|
{
|
|
12117
12117
|
"name": "toggletip-text",
|
|
12118
12118
|
"type": {
|
|
12119
|
-
"text": "string | undefined"
|
|
12120
|
-
},
|
|
12121
|
-
"description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
|
|
12122
|
-
"fieldName": "toggletipText"
|
|
12123
|
-
},
|
|
12124
|
-
{
|
|
12125
|
-
"name": "toggletip-placement",
|
|
12126
|
-
"type": {
|
|
12127
|
-
"text": "PopoverPlacement"
|
|
12128
|
-
},
|
|
12129
|
-
"description": "The placement of the toggletip that is displayed when the info icon is hovered.",
|
|
12130
|
-
"default": "'top'",
|
|
12131
|
-
"fieldName": "toggletipPlacement"
|
|
12132
|
-
},
|
|
12133
|
-
{
|
|
12134
|
-
"name": "info-icon-aria-label",
|
|
12135
|
-
"type": {
|
|
12136
|
-
"text": "string | undefined"
|
|
12137
|
-
},
|
|
12138
|
-
"description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
|
|
12139
|
-
"fieldName": "infoIconAriaLabel"
|
|
12140
|
-
},
|
|
12141
|
-
{
|
|
12142
|
-
"name": "disabled",
|
|
12143
|
-
"type": {
|
|
12144
|
-
"text": "boolean | undefined"
|
|
12145
|
-
},
|
|
12146
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
12147
|
-
"default": "undefined",
|
|
12148
|
-
"fieldName": "disabled",
|
|
12149
|
-
"inheritedFrom": {
|
|
12150
|
-
"name": "DisabledMixin",
|
|
12151
|
-
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
12152
|
-
}
|
|
12153
|
-
}
|
|
12154
|
-
],
|
|
12155
|
-
"mixins": [
|
|
12156
|
-
{
|
|
12157
|
-
"name": "DisabledMixin",
|
|
12158
|
-
"module": "/src/utils/mixins/DisabledMixin"
|
|
12159
|
-
}
|
|
12160
|
-
],
|
|
12161
|
-
"superclass": {
|
|
12162
|
-
"name": "Component",
|
|
12163
|
-
"module": "/src/models"
|
|
12164
|
-
},
|
|
12165
|
-
"tagName": "mdc-formfieldwrapper",
|
|
12166
|
-
"jsDoc": "/**\n * formfieldwrapper is a component that contains the label and helper/validation text\n * that can be configured in various ways to suit different use cases (most of the input related components).\n * It is used as an internal component and is not intended to be used directly by consumers.\n *\n * @tagname mdc-formfieldwrapper\n *\n * @dependency mdc-text\n * @dependency mdc-icon\n * @dependency mdc-button\n * @dependency mdc-toggletip\n *\n *\n */",
|
|
12167
|
-
"customElement": true
|
|
12168
|
-
}
|
|
12169
|
-
],
|
|
12170
|
-
"exports": [
|
|
12171
|
-
{
|
|
12172
|
-
"kind": "js",
|
|
12173
|
-
"name": "default",
|
|
12174
|
-
"declaration": {
|
|
12175
|
-
"name": "FormfieldWrapper",
|
|
12176
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
12177
|
-
}
|
|
12178
|
-
}
|
|
12179
|
-
]
|
|
12180
|
-
},
|
|
12181
|
-
{
|
|
12182
|
-
"kind": "javascript-module",
|
|
12183
|
-
"path": "components/iconprovider/iconprovider.component.js",
|
|
12184
|
-
"declarations": [
|
|
12185
|
-
{
|
|
12186
|
-
"kind": "class",
|
|
12187
|
-
"description": "IconProvider component, which allows to be consumed from sub components\n(see `providerUtils.consume` for how to consume)\n\nAttribute `iconSet` can be set to either `momentum-icons` or `custom-icons`.\nIf `momentum-icons` is selected, the icons will be fetched from the\nMomentum Design System icon set per a dynamic JS Import (no need to provide a URL).\nThis requires the consumer to have the `@momentum-designs` package installed and the\nbuild tooling needs to support dynamic imports.\n\nIf `custom-icons` is selected, the icons will be fetched from the provided URL.\nThis requires the consumer to provide a URL from which the icons will be fetched and\nthe consumer needs to make sure to bundle the icons in the application.\n\nIf `cacheStrategy` is provided (only works with iconSet = `custom-icons`), the\nIconProvider will cache the icons in the selected cache (either web-api-cache or in-memory-cache),\nto avoid fetching the same icon multiple times over the network.\nThis is useful when the same icon is used multiple times in the application.\nTo consider:\n- The `in-memory-cache` is not persisted and will be lost when the\nIconProvider is removed from the DOM.\n- The `web-api-cache` is persisted, but only works in https environments\n(https://developer.mozilla.org/en-US/docs/Web/API/Cache).",
|
|
12188
|
-
"name": "IconProvider",
|
|
12189
|
-
"slots": [
|
|
12190
|
-
{
|
|
12191
|
-
"description": "children",
|
|
12192
|
-
"name": ""
|
|
12193
|
-
}
|
|
12194
|
-
],
|
|
12195
|
-
"members": [
|
|
12196
|
-
{
|
|
12197
|
-
"kind": "field",
|
|
12198
|
-
"name": "Context",
|
|
12199
|
-
"privacy": "public",
|
|
12200
|
-
"static": true,
|
|
12201
|
-
"description": "Context object of the IconProvider, to be consumed by child components",
|
|
12202
|
-
"readonly": true
|
|
12203
|
-
},
|
|
12204
|
-
{
|
|
12205
|
-
"kind": "field",
|
|
12206
|
-
"name": "iconSet",
|
|
12207
|
-
"type": {
|
|
12208
|
-
"text": "IconSet | undefined"
|
|
12209
|
-
},
|
|
12210
|
-
"description": "Icon set to be used\n\nIf `momentum-icons` is selected, the icons will be fetched from the\nMomentum Design System icon set per a dynamic JS Import (no need to provide a URL).\nThis requires the consumer to have the `@momentum-designs` package installed and the\nbuild tooling needs to support dynamic imports.\n\nIf `custom-icons` is selected, the icons will be fetched from the provided URL.\nThis requires the consumer to provide a URL from which the icons will be fetched and\nthe consumer needs to make sure to bundle the icons in the application.",
|
|
12211
|
-
"default": "momentum-icons",
|
|
12212
|
-
"attribute": "icon-set",
|
|
12213
|
-
"reflects": true
|
|
12214
|
-
},
|
|
12215
|
-
{
|
|
12216
|
-
"kind": "field",
|
|
12217
|
-
"name": "url",
|
|
12218
|
-
"type": {
|
|
12219
|
-
"text": "string | undefined"
|
|
12220
|
-
},
|
|
12221
|
-
"description": "Url of where icons will be fetched from\n(if Icon set is `custom-icons`, this will be the base url)",
|
|
12222
|
-
"attribute": "url"
|
|
12223
|
-
},
|
|
12224
|
-
{
|
|
12225
|
-
"kind": "field",
|
|
12226
|
-
"name": "fileExtension",
|
|
12227
|
-
"type": {
|
|
12228
|
-
"text": "string | undefined"
|
|
12229
|
-
},
|
|
12230
|
-
"description": "File extension of icons\n(if Icon set is `custom-icons`, this will be the file extension for icons)",
|
|
12231
|
-
"default": "svg",
|
|
12232
|
-
"attribute": "file-extension",
|
|
12233
|
-
"reflects": true
|
|
12234
|
-
},
|
|
12235
|
-
{
|
|
12236
|
-
"kind": "field",
|
|
12237
|
-
"name": "lengthUnit",
|
|
12238
|
-
"type": {
|
|
12239
|
-
"text": "string"
|
|
12240
|
-
},
|
|
12241
|
-
"description": "Length unit used for sizing of icons",
|
|
12242
|
-
"default": "em",
|
|
12243
|
-
"attribute": "length-unit",
|
|
12244
|
-
"reflects": true
|
|
12245
|
-
},
|
|
12246
|
-
{
|
|
12247
|
-
"kind": "field",
|
|
12248
|
-
"name": "size",
|
|
12249
|
-
"type": {
|
|
12250
|
-
"text": "number | undefined"
|
|
12251
|
-
},
|
|
12252
|
-
"description": "The default size of the icon.\nIf not set, it falls back to the size defined by the length unit.",
|
|
12253
|
-
"default": "1",
|
|
12254
|
-
"attribute": "size",
|
|
12255
|
-
"reflects": true
|
|
12256
|
-
},
|
|
12257
|
-
{
|
|
12258
|
-
"kind": "field",
|
|
12259
|
-
"name": "cacheStrategy",
|
|
12260
|
-
"type": {
|
|
12261
|
-
"text": "CacheStrategy | undefined"
|
|
12262
|
-
},
|
|
12263
|
-
"description": "Icons Cache Strategy to use\n\n**Can only be used if Icon set is `custom-icons`**\n\nChoose `in-memory-cache` to cache icons in a JS cache (in-memory cache).\nChoose `web-cache-api` to cache icons using the Web Cache API.\n\nNOTE: `cache-name` must be provided if `cache-strategy` is provided.\n\nIf not provided or invalid value provided, the icons will not be cached.",
|
|
12264
|
-
"default": "undefined",
|
|
12265
|
-
"attribute": "cache-strategy"
|
|
12266
|
-
},
|
|
12267
|
-
{
|
|
12268
|
-
"kind": "field",
|
|
12269
|
-
"name": "cacheName",
|
|
12270
|
-
"type": {
|
|
12271
|
-
"text": "string | undefined"
|
|
12272
|
-
},
|
|
12273
|
-
"description": "Icons Cache Name to use (cache strategy must be provided)\n\nIf provided, Icons inside the provider will be cached in the\ncache (determined by `cache-strategy`) with the provided name.\n\nNOTE: `cache-name` requires `cache-strategy` to be set.\n\nIf not provided, the icons will not be cached.",
|
|
12274
|
-
"default": "undefined",
|
|
12275
|
-
"attribute": "cache-name"
|
|
12276
|
-
},
|
|
12277
|
-
{
|
|
12278
|
-
"kind": "method",
|
|
12279
|
-
"name": "updateValuesInContext",
|
|
12280
|
-
"privacy": "private"
|
|
12281
|
-
},
|
|
12282
|
-
{
|
|
12283
|
-
"kind": "method",
|
|
12284
|
-
"name": "updateContext",
|
|
12285
|
-
"privacy": "protected",
|
|
12286
|
-
"return": {
|
|
12287
|
-
"type": {
|
|
12288
|
-
"text": "void"
|
|
12289
|
-
}
|
|
12290
|
-
}
|
|
12291
|
-
}
|
|
12292
|
-
],
|
|
12293
|
-
"attributes": [
|
|
12294
|
-
{
|
|
12295
|
-
"name": "icon-set",
|
|
12296
|
-
"type": {
|
|
12297
|
-
"text": "IconSet | undefined"
|
|
12298
|
-
},
|
|
12299
|
-
"description": "Icon set to be used\n\nIf `momentum-icons` is selected, the icons will be fetched from the\nMomentum Design System icon set per a dynamic JS Import (no need to provide a URL).\nThis requires the consumer to have the `@momentum-designs` package installed and the\nbuild tooling needs to support dynamic imports.\n\nIf `custom-icons` is selected, the icons will be fetched from the provided URL.\nThis requires the consumer to provide a URL from which the icons will be fetched and\nthe consumer needs to make sure to bundle the icons in the application.",
|
|
12300
|
-
"default": "momentum-icons",
|
|
12301
|
-
"fieldName": "iconSet"
|
|
12302
|
-
},
|
|
12303
|
-
{
|
|
12304
|
-
"name": "url",
|
|
12305
|
-
"type": {
|
|
12306
|
-
"text": "string | undefined"
|
|
12307
|
-
},
|
|
12308
|
-
"description": "Url of where icons will be fetched from\n(if Icon set is `custom-icons`, this will be the base url)",
|
|
12309
|
-
"fieldName": "url"
|
|
12310
|
-
},
|
|
12311
|
-
{
|
|
12312
|
-
"name": "file-extension",
|
|
12313
|
-
"type": {
|
|
12314
|
-
"text": "string | undefined"
|
|
12315
|
-
},
|
|
12316
|
-
"description": "File extension of icons\n(if Icon set is `custom-icons`, this will be the file extension for icons)",
|
|
12317
|
-
"default": "svg",
|
|
12318
|
-
"fieldName": "fileExtension"
|
|
12319
|
-
},
|
|
12320
|
-
{
|
|
12321
|
-
"name": "length-unit",
|
|
12322
|
-
"type": {
|
|
12323
|
-
"text": "string"
|
|
12324
|
-
},
|
|
12325
|
-
"description": "Length unit used for sizing of icons",
|
|
12326
|
-
"default": "em",
|
|
12327
|
-
"fieldName": "lengthUnit"
|
|
12119
|
+
"text": "string | undefined"
|
|
12120
|
+
},
|
|
12121
|
+
"description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
|
|
12122
|
+
"fieldName": "toggletipText"
|
|
12328
12123
|
},
|
|
12329
12124
|
{
|
|
12330
|
-
"name": "
|
|
12125
|
+
"name": "toggletip-placement",
|
|
12331
12126
|
"type": {
|
|
12332
|
-
"text": "
|
|
12127
|
+
"text": "PopoverPlacement"
|
|
12333
12128
|
},
|
|
12334
|
-
"description": "The
|
|
12335
|
-
"default": "
|
|
12336
|
-
"fieldName": "
|
|
12129
|
+
"description": "The placement of the toggletip that is displayed when the info icon is hovered.",
|
|
12130
|
+
"default": "'top'",
|
|
12131
|
+
"fieldName": "toggletipPlacement"
|
|
12337
12132
|
},
|
|
12338
12133
|
{
|
|
12339
|
-
"name": "
|
|
12134
|
+
"name": "info-icon-aria-label",
|
|
12340
12135
|
"type": {
|
|
12341
|
-
"text": "
|
|
12136
|
+
"text": "string | undefined"
|
|
12342
12137
|
},
|
|
12343
|
-
"description": "
|
|
12344
|
-
"
|
|
12345
|
-
"fieldName": "cacheStrategy"
|
|
12138
|
+
"description": "Aria label for the info icon that is displayed next to the label when `toggletipText` is set.\nThis is used for accessibility purposes to provide a description of the icon.",
|
|
12139
|
+
"fieldName": "infoIconAriaLabel"
|
|
12346
12140
|
},
|
|
12347
12141
|
{
|
|
12348
|
-
"name": "
|
|
12142
|
+
"name": "disabled",
|
|
12349
12143
|
"type": {
|
|
12350
|
-
"text": "
|
|
12144
|
+
"text": "boolean | undefined"
|
|
12351
12145
|
},
|
|
12352
|
-
"description": "
|
|
12146
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
12353
12147
|
"default": "undefined",
|
|
12354
|
-
"fieldName": "
|
|
12148
|
+
"fieldName": "disabled",
|
|
12149
|
+
"inheritedFrom": {
|
|
12150
|
+
"name": "DisabledMixin",
|
|
12151
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
12152
|
+
}
|
|
12153
|
+
}
|
|
12154
|
+
],
|
|
12155
|
+
"mixins": [
|
|
12156
|
+
{
|
|
12157
|
+
"name": "DisabledMixin",
|
|
12158
|
+
"module": "/src/utils/mixins/DisabledMixin"
|
|
12355
12159
|
}
|
|
12356
12160
|
],
|
|
12357
12161
|
"superclass": {
|
|
12358
|
-
"name": "
|
|
12162
|
+
"name": "Component",
|
|
12359
12163
|
"module": "/src/models"
|
|
12360
12164
|
},
|
|
12361
|
-
"tagName": "mdc-
|
|
12362
|
-
"jsDoc": "/**\n *
|
|
12165
|
+
"tagName": "mdc-formfieldwrapper",
|
|
12166
|
+
"jsDoc": "/**\n * formfieldwrapper is a component that contains the label and helper/validation text\n * that can be configured in various ways to suit different use cases (most of the input related components).\n * It is used as an internal component and is not intended to be used directly by consumers.\n *\n * @tagname mdc-formfieldwrapper\n *\n * @dependency mdc-text\n * @dependency mdc-icon\n * @dependency mdc-button\n * @dependency mdc-toggletip\n *\n *\n */",
|
|
12363
12167
|
"customElement": true
|
|
12364
12168
|
}
|
|
12365
12169
|
],
|
|
@@ -12368,8 +12172,8 @@
|
|
|
12368
12172
|
"kind": "js",
|
|
12369
12173
|
"name": "default",
|
|
12370
12174
|
"declaration": {
|
|
12371
|
-
"name": "
|
|
12372
|
-
"module": "components/
|
|
12175
|
+
"name": "FormfieldWrapper",
|
|
12176
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
12373
12177
|
}
|
|
12374
12178
|
}
|
|
12375
12179
|
]
|
|
@@ -12622,6 +12426,202 @@
|
|
|
12622
12426
|
}
|
|
12623
12427
|
]
|
|
12624
12428
|
},
|
|
12429
|
+
{
|
|
12430
|
+
"kind": "javascript-module",
|
|
12431
|
+
"path": "components/iconprovider/iconprovider.component.js",
|
|
12432
|
+
"declarations": [
|
|
12433
|
+
{
|
|
12434
|
+
"kind": "class",
|
|
12435
|
+
"description": "IconProvider component, which allows to be consumed from sub components\n(see `providerUtils.consume` for how to consume)\n\nAttribute `iconSet` can be set to either `momentum-icons` or `custom-icons`.\nIf `momentum-icons` is selected, the icons will be fetched from the\nMomentum Design System icon set per a dynamic JS Import (no need to provide a URL).\nThis requires the consumer to have the `@momentum-designs` package installed and the\nbuild tooling needs to support dynamic imports.\n\nIf `custom-icons` is selected, the icons will be fetched from the provided URL.\nThis requires the consumer to provide a URL from which the icons will be fetched and\nthe consumer needs to make sure to bundle the icons in the application.\n\nIf `cacheStrategy` is provided (only works with iconSet = `custom-icons`), the\nIconProvider will cache the icons in the selected cache (either web-api-cache or in-memory-cache),\nto avoid fetching the same icon multiple times over the network.\nThis is useful when the same icon is used multiple times in the application.\nTo consider:\n- The `in-memory-cache` is not persisted and will be lost when the\nIconProvider is removed from the DOM.\n- The `web-api-cache` is persisted, but only works in https environments\n(https://developer.mozilla.org/en-US/docs/Web/API/Cache).",
|
|
12436
|
+
"name": "IconProvider",
|
|
12437
|
+
"slots": [
|
|
12438
|
+
{
|
|
12439
|
+
"description": "children",
|
|
12440
|
+
"name": ""
|
|
12441
|
+
}
|
|
12442
|
+
],
|
|
12443
|
+
"members": [
|
|
12444
|
+
{
|
|
12445
|
+
"kind": "field",
|
|
12446
|
+
"name": "Context",
|
|
12447
|
+
"privacy": "public",
|
|
12448
|
+
"static": true,
|
|
12449
|
+
"description": "Context object of the IconProvider, to be consumed by child components",
|
|
12450
|
+
"readonly": true
|
|
12451
|
+
},
|
|
12452
|
+
{
|
|
12453
|
+
"kind": "field",
|
|
12454
|
+
"name": "iconSet",
|
|
12455
|
+
"type": {
|
|
12456
|
+
"text": "IconSet | undefined"
|
|
12457
|
+
},
|
|
12458
|
+
"description": "Icon set to be used\n\nIf `momentum-icons` is selected, the icons will be fetched from the\nMomentum Design System icon set per a dynamic JS Import (no need to provide a URL).\nThis requires the consumer to have the `@momentum-designs` package installed and the\nbuild tooling needs to support dynamic imports.\n\nIf `custom-icons` is selected, the icons will be fetched from the provided URL.\nThis requires the consumer to provide a URL from which the icons will be fetched and\nthe consumer needs to make sure to bundle the icons in the application.",
|
|
12459
|
+
"default": "momentum-icons",
|
|
12460
|
+
"attribute": "icon-set",
|
|
12461
|
+
"reflects": true
|
|
12462
|
+
},
|
|
12463
|
+
{
|
|
12464
|
+
"kind": "field",
|
|
12465
|
+
"name": "url",
|
|
12466
|
+
"type": {
|
|
12467
|
+
"text": "string | undefined"
|
|
12468
|
+
},
|
|
12469
|
+
"description": "Url of where icons will be fetched from\n(if Icon set is `custom-icons`, this will be the base url)",
|
|
12470
|
+
"attribute": "url"
|
|
12471
|
+
},
|
|
12472
|
+
{
|
|
12473
|
+
"kind": "field",
|
|
12474
|
+
"name": "fileExtension",
|
|
12475
|
+
"type": {
|
|
12476
|
+
"text": "string | undefined"
|
|
12477
|
+
},
|
|
12478
|
+
"description": "File extension of icons\n(if Icon set is `custom-icons`, this will be the file extension for icons)",
|
|
12479
|
+
"default": "svg",
|
|
12480
|
+
"attribute": "file-extension",
|
|
12481
|
+
"reflects": true
|
|
12482
|
+
},
|
|
12483
|
+
{
|
|
12484
|
+
"kind": "field",
|
|
12485
|
+
"name": "lengthUnit",
|
|
12486
|
+
"type": {
|
|
12487
|
+
"text": "string"
|
|
12488
|
+
},
|
|
12489
|
+
"description": "Length unit used for sizing of icons",
|
|
12490
|
+
"default": "em",
|
|
12491
|
+
"attribute": "length-unit",
|
|
12492
|
+
"reflects": true
|
|
12493
|
+
},
|
|
12494
|
+
{
|
|
12495
|
+
"kind": "field",
|
|
12496
|
+
"name": "size",
|
|
12497
|
+
"type": {
|
|
12498
|
+
"text": "number | undefined"
|
|
12499
|
+
},
|
|
12500
|
+
"description": "The default size of the icon.\nIf not set, it falls back to the size defined by the length unit.",
|
|
12501
|
+
"default": "1",
|
|
12502
|
+
"attribute": "size",
|
|
12503
|
+
"reflects": true
|
|
12504
|
+
},
|
|
12505
|
+
{
|
|
12506
|
+
"kind": "field",
|
|
12507
|
+
"name": "cacheStrategy",
|
|
12508
|
+
"type": {
|
|
12509
|
+
"text": "CacheStrategy | undefined"
|
|
12510
|
+
},
|
|
12511
|
+
"description": "Icons Cache Strategy to use\n\n**Can only be used if Icon set is `custom-icons`**\n\nChoose `in-memory-cache` to cache icons in a JS cache (in-memory cache).\nChoose `web-cache-api` to cache icons using the Web Cache API.\n\nNOTE: `cache-name` must be provided if `cache-strategy` is provided.\n\nIf not provided or invalid value provided, the icons will not be cached.",
|
|
12512
|
+
"default": "undefined",
|
|
12513
|
+
"attribute": "cache-strategy"
|
|
12514
|
+
},
|
|
12515
|
+
{
|
|
12516
|
+
"kind": "field",
|
|
12517
|
+
"name": "cacheName",
|
|
12518
|
+
"type": {
|
|
12519
|
+
"text": "string | undefined"
|
|
12520
|
+
},
|
|
12521
|
+
"description": "Icons Cache Name to use (cache strategy must be provided)\n\nIf provided, Icons inside the provider will be cached in the\ncache (determined by `cache-strategy`) with the provided name.\n\nNOTE: `cache-name` requires `cache-strategy` to be set.\n\nIf not provided, the icons will not be cached.",
|
|
12522
|
+
"default": "undefined",
|
|
12523
|
+
"attribute": "cache-name"
|
|
12524
|
+
},
|
|
12525
|
+
{
|
|
12526
|
+
"kind": "method",
|
|
12527
|
+
"name": "updateValuesInContext",
|
|
12528
|
+
"privacy": "private"
|
|
12529
|
+
},
|
|
12530
|
+
{
|
|
12531
|
+
"kind": "method",
|
|
12532
|
+
"name": "updateContext",
|
|
12533
|
+
"privacy": "protected",
|
|
12534
|
+
"return": {
|
|
12535
|
+
"type": {
|
|
12536
|
+
"text": "void"
|
|
12537
|
+
}
|
|
12538
|
+
}
|
|
12539
|
+
}
|
|
12540
|
+
],
|
|
12541
|
+
"attributes": [
|
|
12542
|
+
{
|
|
12543
|
+
"name": "icon-set",
|
|
12544
|
+
"type": {
|
|
12545
|
+
"text": "IconSet | undefined"
|
|
12546
|
+
},
|
|
12547
|
+
"description": "Icon set to be used\n\nIf `momentum-icons` is selected, the icons will be fetched from the\nMomentum Design System icon set per a dynamic JS Import (no need to provide a URL).\nThis requires the consumer to have the `@momentum-designs` package installed and the\nbuild tooling needs to support dynamic imports.\n\nIf `custom-icons` is selected, the icons will be fetched from the provided URL.\nThis requires the consumer to provide a URL from which the icons will be fetched and\nthe consumer needs to make sure to bundle the icons in the application.",
|
|
12548
|
+
"default": "momentum-icons",
|
|
12549
|
+
"fieldName": "iconSet"
|
|
12550
|
+
},
|
|
12551
|
+
{
|
|
12552
|
+
"name": "url",
|
|
12553
|
+
"type": {
|
|
12554
|
+
"text": "string | undefined"
|
|
12555
|
+
},
|
|
12556
|
+
"description": "Url of where icons will be fetched from\n(if Icon set is `custom-icons`, this will be the base url)",
|
|
12557
|
+
"fieldName": "url"
|
|
12558
|
+
},
|
|
12559
|
+
{
|
|
12560
|
+
"name": "file-extension",
|
|
12561
|
+
"type": {
|
|
12562
|
+
"text": "string | undefined"
|
|
12563
|
+
},
|
|
12564
|
+
"description": "File extension of icons\n(if Icon set is `custom-icons`, this will be the file extension for icons)",
|
|
12565
|
+
"default": "svg",
|
|
12566
|
+
"fieldName": "fileExtension"
|
|
12567
|
+
},
|
|
12568
|
+
{
|
|
12569
|
+
"name": "length-unit",
|
|
12570
|
+
"type": {
|
|
12571
|
+
"text": "string"
|
|
12572
|
+
},
|
|
12573
|
+
"description": "Length unit used for sizing of icons",
|
|
12574
|
+
"default": "em",
|
|
12575
|
+
"fieldName": "lengthUnit"
|
|
12576
|
+
},
|
|
12577
|
+
{
|
|
12578
|
+
"name": "size",
|
|
12579
|
+
"type": {
|
|
12580
|
+
"text": "number | undefined"
|
|
12581
|
+
},
|
|
12582
|
+
"description": "The default size of the icon.\nIf not set, it falls back to the size defined by the length unit.",
|
|
12583
|
+
"default": "1",
|
|
12584
|
+
"fieldName": "size"
|
|
12585
|
+
},
|
|
12586
|
+
{
|
|
12587
|
+
"name": "cache-strategy",
|
|
12588
|
+
"type": {
|
|
12589
|
+
"text": "CacheStrategy | undefined"
|
|
12590
|
+
},
|
|
12591
|
+
"description": "Icons Cache Strategy to use\n\n**Can only be used if Icon set is `custom-icons`**\n\nChoose `in-memory-cache` to cache icons in a JS cache (in-memory cache).\nChoose `web-cache-api` to cache icons using the Web Cache API.\n\nNOTE: `cache-name` must be provided if `cache-strategy` is provided.\n\nIf not provided or invalid value provided, the icons will not be cached.",
|
|
12592
|
+
"default": "undefined",
|
|
12593
|
+
"fieldName": "cacheStrategy"
|
|
12594
|
+
},
|
|
12595
|
+
{
|
|
12596
|
+
"name": "cache-name",
|
|
12597
|
+
"type": {
|
|
12598
|
+
"text": "string | undefined"
|
|
12599
|
+
},
|
|
12600
|
+
"description": "Icons Cache Name to use (cache strategy must be provided)\n\nIf provided, Icons inside the provider will be cached in the\ncache (determined by `cache-strategy`) with the provided name.\n\nNOTE: `cache-name` requires `cache-strategy` to be set.\n\nIf not provided, the icons will not be cached.",
|
|
12601
|
+
"default": "undefined",
|
|
12602
|
+
"fieldName": "cacheName"
|
|
12603
|
+
}
|
|
12604
|
+
],
|
|
12605
|
+
"superclass": {
|
|
12606
|
+
"name": "Provider",
|
|
12607
|
+
"module": "/src/models"
|
|
12608
|
+
},
|
|
12609
|
+
"tagName": "mdc-iconprovider",
|
|
12610
|
+
"jsDoc": "/**\n * IconProvider component, which allows to be consumed from sub components\n * (see `providerUtils.consume` for how to consume)\n *\n * Attribute `iconSet` can be set to either `momentum-icons` or `custom-icons`.\n * If `momentum-icons` is selected, the icons will be fetched from the\n * Momentum Design System icon set per a dynamic JS Import (no need to provide a URL).\n * This requires the consumer to have the `@momentum-designs` package installed and the\n * build tooling needs to support dynamic imports.\n *\n * If `custom-icons` is selected, the icons will be fetched from the provided URL.\n * This requires the consumer to provide a URL from which the icons will be fetched and\n * the consumer needs to make sure to bundle the icons in the application.\n *\n * If `cacheStrategy` is provided (only works with iconSet = `custom-icons`), the\n * IconProvider will cache the icons in the selected cache (either web-api-cache or in-memory-cache),\n * to avoid fetching the same icon multiple times over the network.\n * This is useful when the same icon is used multiple times in the application.\n * To consider:\n * - The `in-memory-cache` is not persisted and will be lost when the\n * IconProvider is removed from the DOM.\n * - The `web-api-cache` is persisted, but only works in https environments\n * (https://developer.mozilla.org/en-US/docs/Web/API/Cache).\n *\n * @tagname mdc-iconprovider\n *\n * @slot - children\n */",
|
|
12611
|
+
"customElement": true
|
|
12612
|
+
}
|
|
12613
|
+
],
|
|
12614
|
+
"exports": [
|
|
12615
|
+
{
|
|
12616
|
+
"kind": "js",
|
|
12617
|
+
"name": "default",
|
|
12618
|
+
"declaration": {
|
|
12619
|
+
"name": "IconProvider",
|
|
12620
|
+
"module": "components/iconprovider/iconprovider.component.js"
|
|
12621
|
+
}
|
|
12622
|
+
}
|
|
12623
|
+
]
|
|
12624
|
+
},
|
|
12625
12625
|
{
|
|
12626
12626
|
"kind": "javascript-module",
|
|
12627
12627
|
"path": "components/input/input.component.js",
|
|
@@ -29837,6 +29837,17 @@
|
|
|
29837
29837
|
],
|
|
29838
29838
|
"description": "Handles the keydown event on the select element when the popover is open.\nThe options are as follows:\n- HOME: Sets focus and tabindex on the first option.\n- END: Sets focus and tabindex on the last option.\n- ARROW_DOWN, ARROW_UP, PAGE_DOWN, PAGE_UP: Handles navigation between options."
|
|
29839
29839
|
},
|
|
29840
|
+
{
|
|
29841
|
+
"kind": "method",
|
|
29842
|
+
"name": "updateState",
|
|
29843
|
+
"privacy": "public",
|
|
29844
|
+
"return": {
|
|
29845
|
+
"type": {
|
|
29846
|
+
"text": "void"
|
|
29847
|
+
}
|
|
29848
|
+
},
|
|
29849
|
+
"description": "Updates the state of the select component.\nThis public method should be fired when the selected on the option components is updated from the outside.\nIt ensures that the selected attribute is set correctly on the options\nand that the aria-selected attribute is updated accordingly."
|
|
29850
|
+
},
|
|
29840
29851
|
{
|
|
29841
29852
|
"kind": "field",
|
|
29842
29853
|
"name": "name",
|