@momentum-design/components 0.120.21 → 0.120.22
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 +496 -496
- package/dist/react/index.d.ts +3 -3
- package/dist/react/index.js +3 -3
- package/package.json +1 -1
@@ -342,6 +342,157 @@
|
|
342
342
|
}
|
343
343
|
]
|
344
344
|
},
|
345
|
+
{
|
346
|
+
"kind": "javascript-module",
|
347
|
+
"path": "components/accordiongroup/accordiongroup.component.js",
|
348
|
+
"declarations": [
|
349
|
+
{
|
350
|
+
"kind": "class",
|
351
|
+
"description": "An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\nEach heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\nAccordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n\n- Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n\nThere are three types of variants:\n- Stacked - Each accordion will have a gap of 1.5rem (24px).\n- Borderless - Each accordion will not have any border and the group will also not have any border.\n- Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n\nThere are two types of sizes:\n- Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n- Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n\nThe variant and size will be applied to all accordions inside this accordion group.\nTo show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n\nIf you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n\nIf the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.",
|
352
|
+
"name": "AccordionGroup",
|
353
|
+
"cssProperties": [
|
354
|
+
{
|
355
|
+
"description": "The border color of the entire accordiongroup",
|
356
|
+
"name": "--mdc-accordiongroup-border-color"
|
357
|
+
}
|
358
|
+
],
|
359
|
+
"slots": [
|
360
|
+
{
|
361
|
+
"description": "The default slot can contain the `accordion` or `accordionbutton` components.",
|
362
|
+
"name": "default"
|
363
|
+
}
|
364
|
+
],
|
365
|
+
"members": [
|
366
|
+
{
|
367
|
+
"kind": "field",
|
368
|
+
"name": "size",
|
369
|
+
"type": {
|
370
|
+
"text": "Size"
|
371
|
+
},
|
372
|
+
"description": "The size of the accordion item.",
|
373
|
+
"default": "'small'",
|
374
|
+
"attribute": "size",
|
375
|
+
"reflects": true
|
376
|
+
},
|
377
|
+
{
|
378
|
+
"kind": "field",
|
379
|
+
"name": "variant",
|
380
|
+
"type": {
|
381
|
+
"text": "Variant"
|
382
|
+
},
|
383
|
+
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
384
|
+
"default": "'stacked'",
|
385
|
+
"attribute": "variant",
|
386
|
+
"reflects": true
|
387
|
+
},
|
388
|
+
{
|
389
|
+
"kind": "field",
|
390
|
+
"name": "allowMultiple",
|
391
|
+
"type": {
|
392
|
+
"text": "boolean"
|
393
|
+
},
|
394
|
+
"default": "false",
|
395
|
+
"description": "If true, multiple accordion items can be visible at the same time.",
|
396
|
+
"attribute": "allow-multiple",
|
397
|
+
"reflects": true
|
398
|
+
},
|
399
|
+
{
|
400
|
+
"kind": "method",
|
401
|
+
"name": "handleAccordionExpanded",
|
402
|
+
"privacy": "private",
|
403
|
+
"return": {
|
404
|
+
"type": {
|
405
|
+
"text": "void"
|
406
|
+
}
|
407
|
+
},
|
408
|
+
"parameters": [
|
409
|
+
{
|
410
|
+
"name": "event",
|
411
|
+
"type": {
|
412
|
+
"text": "Event"
|
413
|
+
},
|
414
|
+
"description": "The event object from the 'shown' event."
|
415
|
+
}
|
416
|
+
],
|
417
|
+
"description": "Handles the 'shown' event for accordion items.\nIf `allowMultiple` is false, ensures that only one accordion item\nremains expanded by collapsing all other expanded items when a new item is expanded."
|
418
|
+
},
|
419
|
+
{
|
420
|
+
"kind": "method",
|
421
|
+
"name": "setChildrenAccordionAttributes",
|
422
|
+
"privacy": "private",
|
423
|
+
"return": {
|
424
|
+
"type": {
|
425
|
+
"text": "void"
|
426
|
+
}
|
427
|
+
},
|
428
|
+
"parameters": [
|
429
|
+
{
|
430
|
+
"name": "attributeName",
|
431
|
+
"type": {
|
432
|
+
"text": "string"
|
433
|
+
},
|
434
|
+
"description": "The name of the attribute to set."
|
435
|
+
},
|
436
|
+
{
|
437
|
+
"name": "attributeValue",
|
438
|
+
"type": {
|
439
|
+
"text": "string"
|
440
|
+
},
|
441
|
+
"description": "The value to set the attribute to."
|
442
|
+
}
|
443
|
+
],
|
444
|
+
"description": "Sets the given attribute on all child accordion or accordionbutton components."
|
445
|
+
}
|
446
|
+
],
|
447
|
+
"attributes": [
|
448
|
+
{
|
449
|
+
"name": "size",
|
450
|
+
"type": {
|
451
|
+
"text": "Size"
|
452
|
+
},
|
453
|
+
"description": "The size of the accordion item.",
|
454
|
+
"default": "'small'",
|
455
|
+
"fieldName": "size"
|
456
|
+
},
|
457
|
+
{
|
458
|
+
"name": "variant",
|
459
|
+
"type": {
|
460
|
+
"text": "Variant"
|
461
|
+
},
|
462
|
+
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
463
|
+
"default": "'stacked'",
|
464
|
+
"fieldName": "variant"
|
465
|
+
},
|
466
|
+
{
|
467
|
+
"name": "allow-multiple",
|
468
|
+
"type": {
|
469
|
+
"text": "boolean"
|
470
|
+
},
|
471
|
+
"default": "false",
|
472
|
+
"description": "If true, multiple accordion items can be visible at the same time.",
|
473
|
+
"fieldName": "allowMultiple"
|
474
|
+
}
|
475
|
+
],
|
476
|
+
"superclass": {
|
477
|
+
"name": "Component",
|
478
|
+
"module": "/src/models"
|
479
|
+
},
|
480
|
+
"tagName": "mdc-accordiongroup",
|
481
|
+
"jsDoc": "/**\n * An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\n * Each heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\n * Accordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n *\n * - Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n *\n * There are three types of variants:\n * - Stacked - Each accordion will have a gap of 1.5rem (24px).\n * - Borderless - Each accordion will not have any border and the group will also not have any border.\n * - Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n *\n * There are two types of sizes:\n * - Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n * - Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n *\n * The variant and size will be applied to all accordions inside this accordion group.\n * To show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n *\n * If you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n *\n * If the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.\n *\n * @tagname mdc-accordiongroup\n *\n * @slot default - The default slot can contain the `accordion` or `accordionbutton` components.\n *\n * @cssproperty --mdc-accordiongroup-border-color - The border color of the entire accordiongroup\n */",
|
482
|
+
"customElement": true
|
483
|
+
}
|
484
|
+
],
|
485
|
+
"exports": [
|
486
|
+
{
|
487
|
+
"kind": "js",
|
488
|
+
"name": "default",
|
489
|
+
"declaration": {
|
490
|
+
"name": "AccordionGroup",
|
491
|
+
"module": "components/accordiongroup/accordiongroup.component.js"
|
492
|
+
}
|
493
|
+
}
|
494
|
+
]
|
495
|
+
},
|
345
496
|
{
|
346
497
|
"kind": "javascript-module",
|
347
498
|
"path": "components/accordion/accordion.component.js",
|
@@ -817,157 +968,6 @@
|
|
817
968
|
}
|
818
969
|
]
|
819
970
|
},
|
820
|
-
{
|
821
|
-
"kind": "javascript-module",
|
822
|
-
"path": "components/accordiongroup/accordiongroup.component.js",
|
823
|
-
"declarations": [
|
824
|
-
{
|
825
|
-
"kind": "class",
|
826
|
-
"description": "An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\nEach heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\nAccordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n\n- Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n\nThere are three types of variants:\n- Stacked - Each accordion will have a gap of 1.5rem (24px).\n- Borderless - Each accordion will not have any border and the group will also not have any border.\n- Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n\nThere are two types of sizes:\n- Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n- Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n\nThe variant and size will be applied to all accordions inside this accordion group.\nTo show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n\nIf you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n\nIf the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.",
|
827
|
-
"name": "AccordionGroup",
|
828
|
-
"cssProperties": [
|
829
|
-
{
|
830
|
-
"description": "The border color of the entire accordiongroup",
|
831
|
-
"name": "--mdc-accordiongroup-border-color"
|
832
|
-
}
|
833
|
-
],
|
834
|
-
"slots": [
|
835
|
-
{
|
836
|
-
"description": "The default slot can contain the `accordion` or `accordionbutton` components.",
|
837
|
-
"name": "default"
|
838
|
-
}
|
839
|
-
],
|
840
|
-
"members": [
|
841
|
-
{
|
842
|
-
"kind": "field",
|
843
|
-
"name": "size",
|
844
|
-
"type": {
|
845
|
-
"text": "Size"
|
846
|
-
},
|
847
|
-
"description": "The size of the accordion item.",
|
848
|
-
"default": "'small'",
|
849
|
-
"attribute": "size",
|
850
|
-
"reflects": true
|
851
|
-
},
|
852
|
-
{
|
853
|
-
"kind": "field",
|
854
|
-
"name": "variant",
|
855
|
-
"type": {
|
856
|
-
"text": "Variant"
|
857
|
-
},
|
858
|
-
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
859
|
-
"default": "'stacked'",
|
860
|
-
"attribute": "variant",
|
861
|
-
"reflects": true
|
862
|
-
},
|
863
|
-
{
|
864
|
-
"kind": "field",
|
865
|
-
"name": "allowMultiple",
|
866
|
-
"type": {
|
867
|
-
"text": "boolean"
|
868
|
-
},
|
869
|
-
"default": "false",
|
870
|
-
"description": "If true, multiple accordion items can be visible at the same time.",
|
871
|
-
"attribute": "allow-multiple",
|
872
|
-
"reflects": true
|
873
|
-
},
|
874
|
-
{
|
875
|
-
"kind": "method",
|
876
|
-
"name": "handleAccordionExpanded",
|
877
|
-
"privacy": "private",
|
878
|
-
"return": {
|
879
|
-
"type": {
|
880
|
-
"text": "void"
|
881
|
-
}
|
882
|
-
},
|
883
|
-
"parameters": [
|
884
|
-
{
|
885
|
-
"name": "event",
|
886
|
-
"type": {
|
887
|
-
"text": "Event"
|
888
|
-
},
|
889
|
-
"description": "The event object from the 'shown' event."
|
890
|
-
}
|
891
|
-
],
|
892
|
-
"description": "Handles the 'shown' event for accordion items.\nIf `allowMultiple` is false, ensures that only one accordion item\nremains expanded by collapsing all other expanded items when a new item is expanded."
|
893
|
-
},
|
894
|
-
{
|
895
|
-
"kind": "method",
|
896
|
-
"name": "setChildrenAccordionAttributes",
|
897
|
-
"privacy": "private",
|
898
|
-
"return": {
|
899
|
-
"type": {
|
900
|
-
"text": "void"
|
901
|
-
}
|
902
|
-
},
|
903
|
-
"parameters": [
|
904
|
-
{
|
905
|
-
"name": "attributeName",
|
906
|
-
"type": {
|
907
|
-
"text": "string"
|
908
|
-
},
|
909
|
-
"description": "The name of the attribute to set."
|
910
|
-
},
|
911
|
-
{
|
912
|
-
"name": "attributeValue",
|
913
|
-
"type": {
|
914
|
-
"text": "string"
|
915
|
-
},
|
916
|
-
"description": "The value to set the attribute to."
|
917
|
-
}
|
918
|
-
],
|
919
|
-
"description": "Sets the given attribute on all child accordion or accordionbutton components."
|
920
|
-
}
|
921
|
-
],
|
922
|
-
"attributes": [
|
923
|
-
{
|
924
|
-
"name": "size",
|
925
|
-
"type": {
|
926
|
-
"text": "Size"
|
927
|
-
},
|
928
|
-
"description": "The size of the accordion item.",
|
929
|
-
"default": "'small'",
|
930
|
-
"fieldName": "size"
|
931
|
-
},
|
932
|
-
{
|
933
|
-
"name": "variant",
|
934
|
-
"type": {
|
935
|
-
"text": "Variant"
|
936
|
-
},
|
937
|
-
"description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
|
938
|
-
"default": "'stacked'",
|
939
|
-
"fieldName": "variant"
|
940
|
-
},
|
941
|
-
{
|
942
|
-
"name": "allow-multiple",
|
943
|
-
"type": {
|
944
|
-
"text": "boolean"
|
945
|
-
},
|
946
|
-
"default": "false",
|
947
|
-
"description": "If true, multiple accordion items can be visible at the same time.",
|
948
|
-
"fieldName": "allowMultiple"
|
949
|
-
}
|
950
|
-
],
|
951
|
-
"superclass": {
|
952
|
-
"name": "Component",
|
953
|
-
"module": "/src/models"
|
954
|
-
},
|
955
|
-
"tagName": "mdc-accordiongroup",
|
956
|
-
"jsDoc": "/**\n * An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\n * Each heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\n * Accordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n *\n * - Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n *\n * There are three types of variants:\n * - Stacked - Each accordion will have a gap of 1.5rem (24px).\n * - Borderless - Each accordion will not have any border and the group will also not have any border.\n * - Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n *\n * There are two types of sizes:\n * - Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n * - Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n *\n * The variant and size will be applied to all accordions inside this accordion group.\n * To show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n *\n * If you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n *\n * If the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.\n *\n * @tagname mdc-accordiongroup\n *\n * @slot default - The default slot can contain the `accordion` or `accordionbutton` components.\n *\n * @cssproperty --mdc-accordiongroup-border-color - The border color of the entire accordiongroup\n */",
|
957
|
-
"customElement": true
|
958
|
-
}
|
959
|
-
],
|
960
|
-
"exports": [
|
961
|
-
{
|
962
|
-
"kind": "js",
|
963
|
-
"name": "default",
|
964
|
-
"declaration": {
|
965
|
-
"name": "AccordionGroup",
|
966
|
-
"module": "components/accordiongroup/accordiongroup.component.js"
|
967
|
-
}
|
968
|
-
}
|
969
|
-
]
|
970
|
-
},
|
971
971
|
{
|
972
972
|
"kind": "javascript-module",
|
973
973
|
"path": "components/alertchip/alertchip.component.js",
|
@@ -1586,6 +1586,218 @@
|
|
1586
1586
|
}
|
1587
1587
|
]
|
1588
1588
|
},
|
1589
|
+
{
|
1590
|
+
"kind": "javascript-module",
|
1591
|
+
"path": "components/animation/animation.component.js",
|
1592
|
+
"declarations": [
|
1593
|
+
{
|
1594
|
+
"kind": "class",
|
1595
|
+
"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.",
|
1596
|
+
"name": "Animation",
|
1597
|
+
"members": [
|
1598
|
+
{
|
1599
|
+
"kind": "field",
|
1600
|
+
"name": "name",
|
1601
|
+
"type": {
|
1602
|
+
"text": "AnimationNames | undefined"
|
1603
|
+
},
|
1604
|
+
"description": "Name of the animation (= filename)",
|
1605
|
+
"attribute": "name",
|
1606
|
+
"reflects": true
|
1607
|
+
},
|
1608
|
+
{
|
1609
|
+
"kind": "field",
|
1610
|
+
"name": "loop",
|
1611
|
+
"type": {
|
1612
|
+
"text": "LoopType | undefined"
|
1613
|
+
},
|
1614
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
1615
|
+
"attribute": "loop",
|
1616
|
+
"reflects": true
|
1617
|
+
},
|
1618
|
+
{
|
1619
|
+
"kind": "field",
|
1620
|
+
"name": "autoplay",
|
1621
|
+
"type": {
|
1622
|
+
"text": "boolean | undefined"
|
1623
|
+
},
|
1624
|
+
"description": "Weather start the animation automatically",
|
1625
|
+
"attribute": "autoplay",
|
1626
|
+
"reflects": true
|
1627
|
+
},
|
1628
|
+
{
|
1629
|
+
"kind": "field",
|
1630
|
+
"name": "ariaLabel",
|
1631
|
+
"type": {
|
1632
|
+
"text": "string | null"
|
1633
|
+
},
|
1634
|
+
"default": "null",
|
1635
|
+
"description": "Aria-label attribute to be set for accessibility",
|
1636
|
+
"attribute": "aria-label"
|
1637
|
+
},
|
1638
|
+
{
|
1639
|
+
"kind": "field",
|
1640
|
+
"name": "ariaLabelledBy",
|
1641
|
+
"type": {
|
1642
|
+
"text": "string | null"
|
1643
|
+
},
|
1644
|
+
"default": "null",
|
1645
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
1646
|
+
"attribute": "aria-labelledby"
|
1647
|
+
},
|
1648
|
+
{
|
1649
|
+
"kind": "field",
|
1650
|
+
"name": "lottieInstance",
|
1651
|
+
"type": {
|
1652
|
+
"text": "AnimationItem | undefined"
|
1653
|
+
},
|
1654
|
+
"privacy": "private",
|
1655
|
+
"description": "Lottie animation instance"
|
1656
|
+
},
|
1657
|
+
{
|
1658
|
+
"kind": "field",
|
1659
|
+
"name": "containerRef",
|
1660
|
+
"type": {
|
1661
|
+
"text": "Ref<HTMLDivElement>"
|
1662
|
+
},
|
1663
|
+
"privacy": "private",
|
1664
|
+
"description": "Container for the animation"
|
1665
|
+
},
|
1666
|
+
{
|
1667
|
+
"kind": "field",
|
1668
|
+
"name": "animation",
|
1669
|
+
"description": "Exposed API of the animation library (lottie)",
|
1670
|
+
"readonly": true
|
1671
|
+
},
|
1672
|
+
{
|
1673
|
+
"kind": "method",
|
1674
|
+
"name": "getLoopValue",
|
1675
|
+
"privacy": "private"
|
1676
|
+
},
|
1677
|
+
{
|
1678
|
+
"kind": "method",
|
1679
|
+
"name": "onLoadSuccessHandler",
|
1680
|
+
"privacy": "private",
|
1681
|
+
"parameters": [
|
1682
|
+
{
|
1683
|
+
"name": "animationData",
|
1684
|
+
"type": {
|
1685
|
+
"text": "any"
|
1686
|
+
}
|
1687
|
+
}
|
1688
|
+
],
|
1689
|
+
"description": "Create new lotty instance for the loaded data"
|
1690
|
+
},
|
1691
|
+
{
|
1692
|
+
"kind": "method",
|
1693
|
+
"name": "onLoadFailHandler",
|
1694
|
+
"privacy": "private",
|
1695
|
+
"parameters": [
|
1696
|
+
{
|
1697
|
+
"name": "error",
|
1698
|
+
"type": {
|
1699
|
+
"text": "Error"
|
1700
|
+
}
|
1701
|
+
}
|
1702
|
+
],
|
1703
|
+
"description": "Error handler for animation loading"
|
1704
|
+
},
|
1705
|
+
{
|
1706
|
+
"kind": "method",
|
1707
|
+
"name": "getAnimationData",
|
1708
|
+
"privacy": "private",
|
1709
|
+
"description": "Import animation data dynamically"
|
1710
|
+
},
|
1711
|
+
{
|
1712
|
+
"kind": "field",
|
1713
|
+
"name": "onCompleteHandler",
|
1714
|
+
"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."
|
1715
|
+
}
|
1716
|
+
],
|
1717
|
+
"events": [
|
1718
|
+
{
|
1719
|
+
"name": "load",
|
1720
|
+
"type": {
|
1721
|
+
"text": "CustomEvent"
|
1722
|
+
},
|
1723
|
+
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
1724
|
+
"reactName": "onLoad"
|
1725
|
+
},
|
1726
|
+
{
|
1727
|
+
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
1728
|
+
"name": "complete",
|
1729
|
+
"reactName": "onComplete"
|
1730
|
+
},
|
1731
|
+
{
|
1732
|
+
"description": "(React: onError) This event is dispatched when animation loading failed",
|
1733
|
+
"name": "error",
|
1734
|
+
"reactName": "onError"
|
1735
|
+
}
|
1736
|
+
],
|
1737
|
+
"attributes": [
|
1738
|
+
{
|
1739
|
+
"name": "name",
|
1740
|
+
"type": {
|
1741
|
+
"text": "AnimationNames | undefined"
|
1742
|
+
},
|
1743
|
+
"description": "Name of the animation (= filename)",
|
1744
|
+
"fieldName": "name"
|
1745
|
+
},
|
1746
|
+
{
|
1747
|
+
"name": "loop",
|
1748
|
+
"type": {
|
1749
|
+
"text": "LoopType | undefined"
|
1750
|
+
},
|
1751
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
1752
|
+
"fieldName": "loop"
|
1753
|
+
},
|
1754
|
+
{
|
1755
|
+
"name": "autoplay",
|
1756
|
+
"type": {
|
1757
|
+
"text": "boolean | undefined"
|
1758
|
+
},
|
1759
|
+
"description": "Weather start the animation automatically",
|
1760
|
+
"fieldName": "autoplay"
|
1761
|
+
},
|
1762
|
+
{
|
1763
|
+
"name": "aria-label",
|
1764
|
+
"type": {
|
1765
|
+
"text": "string | null"
|
1766
|
+
},
|
1767
|
+
"default": "null",
|
1768
|
+
"description": "Aria-label attribute to be set for accessibility",
|
1769
|
+
"fieldName": "ariaLabel"
|
1770
|
+
},
|
1771
|
+
{
|
1772
|
+
"name": "aria-labelledby",
|
1773
|
+
"type": {
|
1774
|
+
"text": "string | null"
|
1775
|
+
},
|
1776
|
+
"default": "null",
|
1777
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
1778
|
+
"fieldName": "ariaLabelledBy"
|
1779
|
+
}
|
1780
|
+
],
|
1781
|
+
"superclass": {
|
1782
|
+
"name": "Component",
|
1783
|
+
"module": "/src/models"
|
1784
|
+
},
|
1785
|
+
"tagName": "mdc-animation",
|
1786
|
+
"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 */",
|
1787
|
+
"customElement": true
|
1788
|
+
}
|
1789
|
+
],
|
1790
|
+
"exports": [
|
1791
|
+
{
|
1792
|
+
"kind": "js",
|
1793
|
+
"name": "default",
|
1794
|
+
"declaration": {
|
1795
|
+
"name": "Animation",
|
1796
|
+
"module": "components/animation/animation.component.js"
|
1797
|
+
}
|
1798
|
+
}
|
1799
|
+
]
|
1800
|
+
},
|
1589
1801
|
{
|
1590
1802
|
"kind": "javascript-module",
|
1591
1803
|
"path": "components/announcementdialog/announcementdialog.component.js",
|
@@ -3276,218 +3488,6 @@
|
|
3276
3488
|
}
|
3277
3489
|
]
|
3278
3490
|
},
|
3279
|
-
{
|
3280
|
-
"kind": "javascript-module",
|
3281
|
-
"path": "components/animation/animation.component.js",
|
3282
|
-
"declarations": [
|
3283
|
-
{
|
3284
|
-
"kind": "class",
|
3285
|
-
"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.",
|
3286
|
-
"name": "Animation",
|
3287
|
-
"members": [
|
3288
|
-
{
|
3289
|
-
"kind": "field",
|
3290
|
-
"name": "name",
|
3291
|
-
"type": {
|
3292
|
-
"text": "AnimationNames | undefined"
|
3293
|
-
},
|
3294
|
-
"description": "Name of the animation (= filename)",
|
3295
|
-
"attribute": "name",
|
3296
|
-
"reflects": true
|
3297
|
-
},
|
3298
|
-
{
|
3299
|
-
"kind": "field",
|
3300
|
-
"name": "loop",
|
3301
|
-
"type": {
|
3302
|
-
"text": "LoopType | undefined"
|
3303
|
-
},
|
3304
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
3305
|
-
"attribute": "loop",
|
3306
|
-
"reflects": true
|
3307
|
-
},
|
3308
|
-
{
|
3309
|
-
"kind": "field",
|
3310
|
-
"name": "autoplay",
|
3311
|
-
"type": {
|
3312
|
-
"text": "boolean | undefined"
|
3313
|
-
},
|
3314
|
-
"description": "Weather start the animation automatically",
|
3315
|
-
"attribute": "autoplay",
|
3316
|
-
"reflects": true
|
3317
|
-
},
|
3318
|
-
{
|
3319
|
-
"kind": "field",
|
3320
|
-
"name": "ariaLabel",
|
3321
|
-
"type": {
|
3322
|
-
"text": "string | null"
|
3323
|
-
},
|
3324
|
-
"default": "null",
|
3325
|
-
"description": "Aria-label attribute to be set for accessibility",
|
3326
|
-
"attribute": "aria-label"
|
3327
|
-
},
|
3328
|
-
{
|
3329
|
-
"kind": "field",
|
3330
|
-
"name": "ariaLabelledBy",
|
3331
|
-
"type": {
|
3332
|
-
"text": "string | null"
|
3333
|
-
},
|
3334
|
-
"default": "null",
|
3335
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
3336
|
-
"attribute": "aria-labelledby"
|
3337
|
-
},
|
3338
|
-
{
|
3339
|
-
"kind": "field",
|
3340
|
-
"name": "lottieInstance",
|
3341
|
-
"type": {
|
3342
|
-
"text": "AnimationItem | undefined"
|
3343
|
-
},
|
3344
|
-
"privacy": "private",
|
3345
|
-
"description": "Lottie animation instance"
|
3346
|
-
},
|
3347
|
-
{
|
3348
|
-
"kind": "field",
|
3349
|
-
"name": "containerRef",
|
3350
|
-
"type": {
|
3351
|
-
"text": "Ref<HTMLDivElement>"
|
3352
|
-
},
|
3353
|
-
"privacy": "private",
|
3354
|
-
"description": "Container for the animation"
|
3355
|
-
},
|
3356
|
-
{
|
3357
|
-
"kind": "field",
|
3358
|
-
"name": "animation",
|
3359
|
-
"description": "Exposed API of the animation library (lottie)",
|
3360
|
-
"readonly": true
|
3361
|
-
},
|
3362
|
-
{
|
3363
|
-
"kind": "method",
|
3364
|
-
"name": "getLoopValue",
|
3365
|
-
"privacy": "private"
|
3366
|
-
},
|
3367
|
-
{
|
3368
|
-
"kind": "method",
|
3369
|
-
"name": "onLoadSuccessHandler",
|
3370
|
-
"privacy": "private",
|
3371
|
-
"parameters": [
|
3372
|
-
{
|
3373
|
-
"name": "animationData",
|
3374
|
-
"type": {
|
3375
|
-
"text": "any"
|
3376
|
-
}
|
3377
|
-
}
|
3378
|
-
],
|
3379
|
-
"description": "Create new lotty instance for the loaded data"
|
3380
|
-
},
|
3381
|
-
{
|
3382
|
-
"kind": "method",
|
3383
|
-
"name": "onLoadFailHandler",
|
3384
|
-
"privacy": "private",
|
3385
|
-
"parameters": [
|
3386
|
-
{
|
3387
|
-
"name": "error",
|
3388
|
-
"type": {
|
3389
|
-
"text": "Error"
|
3390
|
-
}
|
3391
|
-
}
|
3392
|
-
],
|
3393
|
-
"description": "Error handler for animation loading"
|
3394
|
-
},
|
3395
|
-
{
|
3396
|
-
"kind": "method",
|
3397
|
-
"name": "getAnimationData",
|
3398
|
-
"privacy": "private",
|
3399
|
-
"description": "Import animation data dynamically"
|
3400
|
-
},
|
3401
|
-
{
|
3402
|
-
"kind": "field",
|
3403
|
-
"name": "onCompleteHandler",
|
3404
|
-
"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."
|
3405
|
-
}
|
3406
|
-
],
|
3407
|
-
"events": [
|
3408
|
-
{
|
3409
|
-
"name": "load",
|
3410
|
-
"type": {
|
3411
|
-
"text": "CustomEvent"
|
3412
|
-
},
|
3413
|
-
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
3414
|
-
"reactName": "onLoad"
|
3415
|
-
},
|
3416
|
-
{
|
3417
|
-
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
3418
|
-
"name": "complete",
|
3419
|
-
"reactName": "onComplete"
|
3420
|
-
},
|
3421
|
-
{
|
3422
|
-
"description": "(React: onError) This event is dispatched when animation loading failed",
|
3423
|
-
"name": "error",
|
3424
|
-
"reactName": "onError"
|
3425
|
-
}
|
3426
|
-
],
|
3427
|
-
"attributes": [
|
3428
|
-
{
|
3429
|
-
"name": "name",
|
3430
|
-
"type": {
|
3431
|
-
"text": "AnimationNames | undefined"
|
3432
|
-
},
|
3433
|
-
"description": "Name of the animation (= filename)",
|
3434
|
-
"fieldName": "name"
|
3435
|
-
},
|
3436
|
-
{
|
3437
|
-
"name": "loop",
|
3438
|
-
"type": {
|
3439
|
-
"text": "LoopType | undefined"
|
3440
|
-
},
|
3441
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
3442
|
-
"fieldName": "loop"
|
3443
|
-
},
|
3444
|
-
{
|
3445
|
-
"name": "autoplay",
|
3446
|
-
"type": {
|
3447
|
-
"text": "boolean | undefined"
|
3448
|
-
},
|
3449
|
-
"description": "Weather start the animation automatically",
|
3450
|
-
"fieldName": "autoplay"
|
3451
|
-
},
|
3452
|
-
{
|
3453
|
-
"name": "aria-label",
|
3454
|
-
"type": {
|
3455
|
-
"text": "string | null"
|
3456
|
-
},
|
3457
|
-
"default": "null",
|
3458
|
-
"description": "Aria-label attribute to be set for accessibility",
|
3459
|
-
"fieldName": "ariaLabel"
|
3460
|
-
},
|
3461
|
-
{
|
3462
|
-
"name": "aria-labelledby",
|
3463
|
-
"type": {
|
3464
|
-
"text": "string | null"
|
3465
|
-
},
|
3466
|
-
"default": "null",
|
3467
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
3468
|
-
"fieldName": "ariaLabelledBy"
|
3469
|
-
}
|
3470
|
-
],
|
3471
|
-
"superclass": {
|
3472
|
-
"name": "Component",
|
3473
|
-
"module": "/src/models"
|
3474
|
-
},
|
3475
|
-
"tagName": "mdc-animation",
|
3476
|
-
"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 */",
|
3477
|
-
"customElement": true
|
3478
|
-
}
|
3479
|
-
],
|
3480
|
-
"exports": [
|
3481
|
-
{
|
3482
|
-
"kind": "js",
|
3483
|
-
"name": "default",
|
3484
|
-
"declaration": {
|
3485
|
-
"name": "Animation",
|
3486
|
-
"module": "components/animation/animation.component.js"
|
3487
|
-
}
|
3488
|
-
}
|
3489
|
-
]
|
3490
|
-
},
|
3491
3491
|
{
|
3492
3492
|
"kind": "javascript-module",
|
3493
3493
|
"path": "components/avatarbutton/avatarbutton.component.js",
|
@@ -41837,6 +41837,139 @@
|
|
41837
41837
|
}
|
41838
41838
|
]
|
41839
41839
|
},
|
41840
|
+
{
|
41841
|
+
"kind": "javascript-module",
|
41842
|
+
"path": "components/staticchip/staticchip.component.js",
|
41843
|
+
"declarations": [
|
41844
|
+
{
|
41845
|
+
"kind": "class",
|
41846
|
+
"description": "mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n\nIt is recommended to keep the label text for the chip component concise and compact.\nFor best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.",
|
41847
|
+
"name": "StaticChip",
|
41848
|
+
"cssProperties": [
|
41849
|
+
{
|
41850
|
+
"description": "The color of the static chip.",
|
41851
|
+
"name": "--mdc-chip-color"
|
41852
|
+
},
|
41853
|
+
{
|
41854
|
+
"description": "The border color of the static chip.",
|
41855
|
+
"name": "--mdc-chip-border-color"
|
41856
|
+
},
|
41857
|
+
{
|
41858
|
+
"description": "The background color of the static chip.",
|
41859
|
+
"name": "--mdc-chip-background-color"
|
41860
|
+
}
|
41861
|
+
],
|
41862
|
+
"cssParts": [
|
41863
|
+
{
|
41864
|
+
"description": "The label of the static chip.",
|
41865
|
+
"name": "label"
|
41866
|
+
}
|
41867
|
+
],
|
41868
|
+
"members": [
|
41869
|
+
{
|
41870
|
+
"kind": "field",
|
41871
|
+
"name": "color",
|
41872
|
+
"type": {
|
41873
|
+
"text": "ColorType"
|
41874
|
+
},
|
41875
|
+
"description": "The color of the chip. It supports the following colors\n- default\n- cobalt\n- gold\n- lime\n- mint\n- orange\n- pink\n- purple\n- slate\n- violet",
|
41876
|
+
"default": "default",
|
41877
|
+
"attribute": "color",
|
41878
|
+
"reflects": true
|
41879
|
+
},
|
41880
|
+
{
|
41881
|
+
"kind": "field",
|
41882
|
+
"name": "label",
|
41883
|
+
"type": {
|
41884
|
+
"text": "string"
|
41885
|
+
},
|
41886
|
+
"default": "''",
|
41887
|
+
"description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
41888
|
+
"attribute": "label"
|
41889
|
+
},
|
41890
|
+
{
|
41891
|
+
"kind": "method",
|
41892
|
+
"name": "renderIcon",
|
41893
|
+
"privacy": "private",
|
41894
|
+
"description": "Renders the icon element if available.",
|
41895
|
+
"return": {
|
41896
|
+
"type": {
|
41897
|
+
"text": ""
|
41898
|
+
}
|
41899
|
+
}
|
41900
|
+
},
|
41901
|
+
{
|
41902
|
+
"kind": "field",
|
41903
|
+
"name": "iconName",
|
41904
|
+
"type": {
|
41905
|
+
"text": "IconNames | undefined"
|
41906
|
+
},
|
41907
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
41908
|
+
"attribute": "icon-name",
|
41909
|
+
"inheritedFrom": {
|
41910
|
+
"name": "IconNameMixin",
|
41911
|
+
"module": "utils/mixins/IconNameMixin.js"
|
41912
|
+
}
|
41913
|
+
}
|
41914
|
+
],
|
41915
|
+
"attributes": [
|
41916
|
+
{
|
41917
|
+
"name": "color",
|
41918
|
+
"type": {
|
41919
|
+
"text": "ColorType"
|
41920
|
+
},
|
41921
|
+
"description": "The color of the chip. It supports the following colors\n- default\n- cobalt\n- gold\n- lime\n- mint\n- orange\n- pink\n- purple\n- slate\n- violet",
|
41922
|
+
"default": "default",
|
41923
|
+
"fieldName": "color"
|
41924
|
+
},
|
41925
|
+
{
|
41926
|
+
"name": "label",
|
41927
|
+
"type": {
|
41928
|
+
"text": "string"
|
41929
|
+
},
|
41930
|
+
"default": "''",
|
41931
|
+
"description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
41932
|
+
"fieldName": "label"
|
41933
|
+
},
|
41934
|
+
{
|
41935
|
+
"name": "icon-name",
|
41936
|
+
"type": {
|
41937
|
+
"text": "IconNames | undefined"
|
41938
|
+
},
|
41939
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
41940
|
+
"fieldName": "iconName",
|
41941
|
+
"inheritedFrom": {
|
41942
|
+
"name": "IconNameMixin",
|
41943
|
+
"module": "src/utils/mixins/IconNameMixin.ts"
|
41944
|
+
}
|
41945
|
+
}
|
41946
|
+
],
|
41947
|
+
"mixins": [
|
41948
|
+
{
|
41949
|
+
"name": "IconNameMixin",
|
41950
|
+
"module": "/src/utils/mixins/IconNameMixin"
|
41951
|
+
}
|
41952
|
+
],
|
41953
|
+
"superclass": {
|
41954
|
+
"name": "Component",
|
41955
|
+
"module": "/src/models"
|
41956
|
+
},
|
41957
|
+
"tagName": "mdc-staticchip",
|
41958
|
+
"jsDoc": "/**\n * mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n *\n * It is recommended to keep the label text for the chip component concise and compact.\n * For best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.\n *\n *\n * @tagname mdc-staticchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the static chip.\n * @cssproperty --mdc-chip-border-color - The border color of the static chip.\n * @cssproperty --mdc-chip-background-color - The background color of the static chip.\n *\n * @csspart label - The label of the static chip.\n */",
|
41959
|
+
"customElement": true
|
41960
|
+
}
|
41961
|
+
],
|
41962
|
+
"exports": [
|
41963
|
+
{
|
41964
|
+
"kind": "js",
|
41965
|
+
"name": "default",
|
41966
|
+
"declaration": {
|
41967
|
+
"name": "StaticChip",
|
41968
|
+
"module": "components/staticchip/staticchip.component.js"
|
41969
|
+
}
|
41970
|
+
}
|
41971
|
+
]
|
41972
|
+
},
|
41840
41973
|
{
|
41841
41974
|
"kind": "javascript-module",
|
41842
41975
|
"path": "components/staticradio/staticradio.component.js",
|
@@ -42245,139 +42378,6 @@
|
|
42245
42378
|
}
|
42246
42379
|
]
|
42247
42380
|
},
|
42248
|
-
{
|
42249
|
-
"kind": "javascript-module",
|
42250
|
-
"path": "components/staticchip/staticchip.component.js",
|
42251
|
-
"declarations": [
|
42252
|
-
{
|
42253
|
-
"kind": "class",
|
42254
|
-
"description": "mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n\nIt is recommended to keep the label text for the chip component concise and compact.\nFor best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.",
|
42255
|
-
"name": "StaticChip",
|
42256
|
-
"cssProperties": [
|
42257
|
-
{
|
42258
|
-
"description": "The color of the static chip.",
|
42259
|
-
"name": "--mdc-chip-color"
|
42260
|
-
},
|
42261
|
-
{
|
42262
|
-
"description": "The border color of the static chip.",
|
42263
|
-
"name": "--mdc-chip-border-color"
|
42264
|
-
},
|
42265
|
-
{
|
42266
|
-
"description": "The background color of the static chip.",
|
42267
|
-
"name": "--mdc-chip-background-color"
|
42268
|
-
}
|
42269
|
-
],
|
42270
|
-
"cssParts": [
|
42271
|
-
{
|
42272
|
-
"description": "The label of the static chip.",
|
42273
|
-
"name": "label"
|
42274
|
-
}
|
42275
|
-
],
|
42276
|
-
"members": [
|
42277
|
-
{
|
42278
|
-
"kind": "field",
|
42279
|
-
"name": "color",
|
42280
|
-
"type": {
|
42281
|
-
"text": "ColorType"
|
42282
|
-
},
|
42283
|
-
"description": "The color of the chip. It supports the following colors\n- default\n- cobalt\n- gold\n- lime\n- mint\n- orange\n- pink\n- purple\n- slate\n- violet",
|
42284
|
-
"default": "default",
|
42285
|
-
"attribute": "color",
|
42286
|
-
"reflects": true
|
42287
|
-
},
|
42288
|
-
{
|
42289
|
-
"kind": "field",
|
42290
|
-
"name": "label",
|
42291
|
-
"type": {
|
42292
|
-
"text": "string"
|
42293
|
-
},
|
42294
|
-
"default": "''",
|
42295
|
-
"description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
42296
|
-
"attribute": "label"
|
42297
|
-
},
|
42298
|
-
{
|
42299
|
-
"kind": "method",
|
42300
|
-
"name": "renderIcon",
|
42301
|
-
"privacy": "private",
|
42302
|
-
"description": "Renders the icon element if available.",
|
42303
|
-
"return": {
|
42304
|
-
"type": {
|
42305
|
-
"text": ""
|
42306
|
-
}
|
42307
|
-
}
|
42308
|
-
},
|
42309
|
-
{
|
42310
|
-
"kind": "field",
|
42311
|
-
"name": "iconName",
|
42312
|
-
"type": {
|
42313
|
-
"text": "IconNames | undefined"
|
42314
|
-
},
|
42315
|
-
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
42316
|
-
"attribute": "icon-name",
|
42317
|
-
"inheritedFrom": {
|
42318
|
-
"name": "IconNameMixin",
|
42319
|
-
"module": "utils/mixins/IconNameMixin.js"
|
42320
|
-
}
|
42321
|
-
}
|
42322
|
-
],
|
42323
|
-
"attributes": [
|
42324
|
-
{
|
42325
|
-
"name": "color",
|
42326
|
-
"type": {
|
42327
|
-
"text": "ColorType"
|
42328
|
-
},
|
42329
|
-
"description": "The color of the chip. It supports the following colors\n- default\n- cobalt\n- gold\n- lime\n- mint\n- orange\n- pink\n- purple\n- slate\n- violet",
|
42330
|
-
"default": "default",
|
42331
|
-
"fieldName": "color"
|
42332
|
-
},
|
42333
|
-
{
|
42334
|
-
"name": "label",
|
42335
|
-
"type": {
|
42336
|
-
"text": "string"
|
42337
|
-
},
|
42338
|
-
"default": "''",
|
42339
|
-
"description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
42340
|
-
"fieldName": "label"
|
42341
|
-
},
|
42342
|
-
{
|
42343
|
-
"name": "icon-name",
|
42344
|
-
"type": {
|
42345
|
-
"text": "IconNames | undefined"
|
42346
|
-
},
|
42347
|
-
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
42348
|
-
"fieldName": "iconName",
|
42349
|
-
"inheritedFrom": {
|
42350
|
-
"name": "IconNameMixin",
|
42351
|
-
"module": "src/utils/mixins/IconNameMixin.ts"
|
42352
|
-
}
|
42353
|
-
}
|
42354
|
-
],
|
42355
|
-
"mixins": [
|
42356
|
-
{
|
42357
|
-
"name": "IconNameMixin",
|
42358
|
-
"module": "/src/utils/mixins/IconNameMixin"
|
42359
|
-
}
|
42360
|
-
],
|
42361
|
-
"superclass": {
|
42362
|
-
"name": "Component",
|
42363
|
-
"module": "/src/models"
|
42364
|
-
},
|
42365
|
-
"tagName": "mdc-staticchip",
|
42366
|
-
"jsDoc": "/**\n * mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n *\n * It is recommended to keep the label text for the chip component concise and compact.\n * For best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.\n *\n *\n * @tagname mdc-staticchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the static chip.\n * @cssproperty --mdc-chip-border-color - The border color of the static chip.\n * @cssproperty --mdc-chip-background-color - The background color of the static chip.\n *\n * @csspart label - The label of the static chip.\n */",
|
42367
|
-
"customElement": true
|
42368
|
-
}
|
42369
|
-
],
|
42370
|
-
"exports": [
|
42371
|
-
{
|
42372
|
-
"kind": "js",
|
42373
|
-
"name": "default",
|
42374
|
-
"declaration": {
|
42375
|
-
"name": "StaticChip",
|
42376
|
-
"module": "components/staticchip/staticchip.component.js"
|
42377
|
-
}
|
42378
|
-
}
|
42379
|
-
]
|
42380
|
-
},
|
42381
42381
|
{
|
42382
42382
|
"kind": "javascript-module",
|
42383
42383
|
"path": "components/stepper/stepper.component.js",
|
package/dist/react/index.d.ts
CHANGED
@@ -1,11 +1,11 @@
|
|
1
1
|
export { default as AccordionButton } from './accordionbutton';
|
2
|
-
export { default as Accordion } from './accordion';
|
3
2
|
export { default as AccordionGroup } from './accordiongroup';
|
3
|
+
export { default as Accordion } from './accordion';
|
4
4
|
export { default as AlertChip } from './alertchip';
|
5
|
+
export { default as Animation } from './animation';
|
5
6
|
export { default as AnnouncementDialog } from './announcementdialog';
|
6
7
|
export { default as Appheader } from './appheader';
|
7
8
|
export { default as Avatar } from './avatar';
|
8
|
-
export { default as Animation } from './animation';
|
9
9
|
export { default as AvatarButton } from './avatarbutton';
|
10
10
|
export { default as Badge } from './badge';
|
11
11
|
export { default as Banner } from './banner';
|
@@ -68,9 +68,9 @@ export { default as Skeleton } from './skeleton';
|
|
68
68
|
export { default as Slider } from './slider';
|
69
69
|
export { default as Spinner } from './spinner';
|
70
70
|
export { default as StaticCheckbox } from './staticcheckbox';
|
71
|
+
export { default as StaticChip } from './staticchip';
|
71
72
|
export { default as StaticRadio } from './staticradio';
|
72
73
|
export { default as StaticToggle } from './statictoggle';
|
73
|
-
export { default as StaticChip } from './staticchip';
|
74
74
|
export { default as Stepper } from './stepper';
|
75
75
|
export { default as StepperConnector } from './stepperconnector';
|
76
76
|
export { default as StepperItem } from './stepperitem';
|
package/dist/react/index.js
CHANGED
@@ -1,11 +1,11 @@
|
|
1
1
|
export { default as AccordionButton } from './accordionbutton';
|
2
|
-
export { default as Accordion } from './accordion';
|
3
2
|
export { default as AccordionGroup } from './accordiongroup';
|
3
|
+
export { default as Accordion } from './accordion';
|
4
4
|
export { default as AlertChip } from './alertchip';
|
5
|
+
export { default as Animation } from './animation';
|
5
6
|
export { default as AnnouncementDialog } from './announcementdialog';
|
6
7
|
export { default as Appheader } from './appheader';
|
7
8
|
export { default as Avatar } from './avatar';
|
8
|
-
export { default as Animation } from './animation';
|
9
9
|
export { default as AvatarButton } from './avatarbutton';
|
10
10
|
export { default as Badge } from './badge';
|
11
11
|
export { default as Banner } from './banner';
|
@@ -68,9 +68,9 @@ export { default as Skeleton } from './skeleton';
|
|
68
68
|
export { default as Slider } from './slider';
|
69
69
|
export { default as Spinner } from './spinner';
|
70
70
|
export { default as StaticCheckbox } from './staticcheckbox';
|
71
|
+
export { default as StaticChip } from './staticchip';
|
71
72
|
export { default as StaticRadio } from './staticradio';
|
72
73
|
export { default as StaticToggle } from './statictoggle';
|
73
|
-
export { default as StaticChip } from './staticchip';
|
74
74
|
export { default as Stepper } from './stepper';
|
75
75
|
export { default as StepperConnector } from './stepperconnector';
|
76
76
|
export { default as StepperItem } from './stepperitem';
|