@momentum-design/components 0.73.5 → 0.73.7
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/custom-elements.json +212 -212
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/package.json +1 -1
|
@@ -2,6 +2,218 @@
|
|
|
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
|
+
},
|
|
5
217
|
{
|
|
6
218
|
"kind": "javascript-module",
|
|
7
219
|
"path": "components/alertchip/alertchip.component.js",
|
|
@@ -492,218 +704,6 @@
|
|
|
492
704
|
}
|
|
493
705
|
]
|
|
494
706
|
},
|
|
495
|
-
{
|
|
496
|
-
"kind": "javascript-module",
|
|
497
|
-
"path": "components/animation/animation.component.js",
|
|
498
|
-
"declarations": [
|
|
499
|
-
{
|
|
500
|
-
"kind": "class",
|
|
501
|
-
"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.",
|
|
502
|
-
"name": "Animation",
|
|
503
|
-
"members": [
|
|
504
|
-
{
|
|
505
|
-
"kind": "field",
|
|
506
|
-
"name": "name",
|
|
507
|
-
"type": {
|
|
508
|
-
"text": "AnimationNames | undefined"
|
|
509
|
-
},
|
|
510
|
-
"description": "Name of the animation (= filename)",
|
|
511
|
-
"attribute": "name",
|
|
512
|
-
"reflects": true
|
|
513
|
-
},
|
|
514
|
-
{
|
|
515
|
-
"kind": "field",
|
|
516
|
-
"name": "loop",
|
|
517
|
-
"type": {
|
|
518
|
-
"text": "LoopType | undefined"
|
|
519
|
-
},
|
|
520
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
521
|
-
"attribute": "loop",
|
|
522
|
-
"reflects": true
|
|
523
|
-
},
|
|
524
|
-
{
|
|
525
|
-
"kind": "field",
|
|
526
|
-
"name": "autoplay",
|
|
527
|
-
"type": {
|
|
528
|
-
"text": "boolean | undefined"
|
|
529
|
-
},
|
|
530
|
-
"description": "Weather start the animation automatically",
|
|
531
|
-
"attribute": "autoplay",
|
|
532
|
-
"reflects": true
|
|
533
|
-
},
|
|
534
|
-
{
|
|
535
|
-
"kind": "field",
|
|
536
|
-
"name": "ariaLabel",
|
|
537
|
-
"type": {
|
|
538
|
-
"text": "string | null"
|
|
539
|
-
},
|
|
540
|
-
"default": "null",
|
|
541
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
542
|
-
"attribute": "aria-label"
|
|
543
|
-
},
|
|
544
|
-
{
|
|
545
|
-
"kind": "field",
|
|
546
|
-
"name": "ariaLabelledBy",
|
|
547
|
-
"type": {
|
|
548
|
-
"text": "string | null"
|
|
549
|
-
},
|
|
550
|
-
"default": "null",
|
|
551
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
552
|
-
"attribute": "aria-labelledby"
|
|
553
|
-
},
|
|
554
|
-
{
|
|
555
|
-
"kind": "field",
|
|
556
|
-
"name": "lottieInstance",
|
|
557
|
-
"type": {
|
|
558
|
-
"text": "AnimationItem | undefined"
|
|
559
|
-
},
|
|
560
|
-
"privacy": "private",
|
|
561
|
-
"description": "Lottie animation instance"
|
|
562
|
-
},
|
|
563
|
-
{
|
|
564
|
-
"kind": "field",
|
|
565
|
-
"name": "containerRef",
|
|
566
|
-
"type": {
|
|
567
|
-
"text": "Ref<HTMLDivElement>"
|
|
568
|
-
},
|
|
569
|
-
"privacy": "private",
|
|
570
|
-
"description": "Container for the animation"
|
|
571
|
-
},
|
|
572
|
-
{
|
|
573
|
-
"kind": "field",
|
|
574
|
-
"name": "animation",
|
|
575
|
-
"description": "Exposed API of the animation library (lottie)",
|
|
576
|
-
"readonly": true
|
|
577
|
-
},
|
|
578
|
-
{
|
|
579
|
-
"kind": "method",
|
|
580
|
-
"name": "getLoopValue",
|
|
581
|
-
"privacy": "private"
|
|
582
|
-
},
|
|
583
|
-
{
|
|
584
|
-
"kind": "method",
|
|
585
|
-
"name": "onLoadSuccessHandler",
|
|
586
|
-
"privacy": "private",
|
|
587
|
-
"parameters": [
|
|
588
|
-
{
|
|
589
|
-
"name": "animationData",
|
|
590
|
-
"type": {
|
|
591
|
-
"text": "any"
|
|
592
|
-
}
|
|
593
|
-
}
|
|
594
|
-
],
|
|
595
|
-
"description": "Create new lotty instance for the loaded data"
|
|
596
|
-
},
|
|
597
|
-
{
|
|
598
|
-
"kind": "method",
|
|
599
|
-
"name": "onLoadFailHandler",
|
|
600
|
-
"privacy": "private",
|
|
601
|
-
"parameters": [
|
|
602
|
-
{
|
|
603
|
-
"name": "error",
|
|
604
|
-
"type": {
|
|
605
|
-
"text": "Error"
|
|
606
|
-
}
|
|
607
|
-
}
|
|
608
|
-
],
|
|
609
|
-
"description": "Error handler for animation loading"
|
|
610
|
-
},
|
|
611
|
-
{
|
|
612
|
-
"kind": "method",
|
|
613
|
-
"name": "getAnimationData",
|
|
614
|
-
"privacy": "private",
|
|
615
|
-
"description": "Import animation data dynamically"
|
|
616
|
-
},
|
|
617
|
-
{
|
|
618
|
-
"kind": "field",
|
|
619
|
-
"name": "onCompleteHandler",
|
|
620
|
-
"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."
|
|
621
|
-
}
|
|
622
|
-
],
|
|
623
|
-
"events": [
|
|
624
|
-
{
|
|
625
|
-
"name": "load",
|
|
626
|
-
"type": {
|
|
627
|
-
"text": "CustomEvent"
|
|
628
|
-
},
|
|
629
|
-
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
|
630
|
-
"reactName": "onLoad"
|
|
631
|
-
},
|
|
632
|
-
{
|
|
633
|
-
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
|
634
|
-
"name": "complete",
|
|
635
|
-
"reactName": "onComplete"
|
|
636
|
-
},
|
|
637
|
-
{
|
|
638
|
-
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
639
|
-
"name": "error",
|
|
640
|
-
"reactName": "onError"
|
|
641
|
-
}
|
|
642
|
-
],
|
|
643
|
-
"attributes": [
|
|
644
|
-
{
|
|
645
|
-
"name": "name",
|
|
646
|
-
"type": {
|
|
647
|
-
"text": "AnimationNames | undefined"
|
|
648
|
-
},
|
|
649
|
-
"description": "Name of the animation (= filename)",
|
|
650
|
-
"fieldName": "name"
|
|
651
|
-
},
|
|
652
|
-
{
|
|
653
|
-
"name": "loop",
|
|
654
|
-
"type": {
|
|
655
|
-
"text": "LoopType | undefined"
|
|
656
|
-
},
|
|
657
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
658
|
-
"fieldName": "loop"
|
|
659
|
-
},
|
|
660
|
-
{
|
|
661
|
-
"name": "autoplay",
|
|
662
|
-
"type": {
|
|
663
|
-
"text": "boolean | undefined"
|
|
664
|
-
},
|
|
665
|
-
"description": "Weather start the animation automatically",
|
|
666
|
-
"fieldName": "autoplay"
|
|
667
|
-
},
|
|
668
|
-
{
|
|
669
|
-
"name": "aria-label",
|
|
670
|
-
"type": {
|
|
671
|
-
"text": "string | null"
|
|
672
|
-
},
|
|
673
|
-
"default": "null",
|
|
674
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
675
|
-
"fieldName": "ariaLabel"
|
|
676
|
-
},
|
|
677
|
-
{
|
|
678
|
-
"name": "aria-labelledby",
|
|
679
|
-
"type": {
|
|
680
|
-
"text": "string | null"
|
|
681
|
-
},
|
|
682
|
-
"default": "null",
|
|
683
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
684
|
-
"fieldName": "ariaLabelledBy"
|
|
685
|
-
}
|
|
686
|
-
],
|
|
687
|
-
"superclass": {
|
|
688
|
-
"name": "Component",
|
|
689
|
-
"module": "/src/models"
|
|
690
|
-
},
|
|
691
|
-
"tagName": "mdc-animation",
|
|
692
|
-
"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 */",
|
|
693
|
-
"customElement": true
|
|
694
|
-
}
|
|
695
|
-
],
|
|
696
|
-
"exports": [
|
|
697
|
-
{
|
|
698
|
-
"kind": "js",
|
|
699
|
-
"name": "default",
|
|
700
|
-
"declaration": {
|
|
701
|
-
"name": "Animation",
|
|
702
|
-
"module": "components/animation/animation.component.js"
|
|
703
|
-
}
|
|
704
|
-
}
|
|
705
|
-
]
|
|
706
|
-
},
|
|
707
707
|
{
|
|
708
708
|
"kind": "javascript-module",
|
|
709
709
|
"path": "components/appheader/appheader.component.js",
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default as AlertChip } from './alertchip';
|
|
2
1
|
export { default as Animation } from './animation';
|
|
2
|
+
export { default as AlertChip } from './alertchip';
|
|
3
3
|
export { default as Appheader } from './appheader';
|
|
4
4
|
export { default as Avatar } from './avatar';
|
|
5
5
|
export { default as AvatarButton } from './avatarbutton';
|
package/dist/react/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default as AlertChip } from './alertchip';
|
|
2
1
|
export { default as Animation } from './animation';
|
|
2
|
+
export { default as AlertChip } from './alertchip';
|
|
3
3
|
export { default as Appheader } from './appheader';
|
|
4
4
|
export { default as Avatar } from './avatar';
|
|
5
5
|
export { default as AvatarButton } from './avatarbutton';
|
package/package.json
CHANGED