@momentum-design/components 0.19.1 → 0.20.1
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 +244 -61
- package/dist/browser/index.js.map +4 -4
- package/dist/components/radio/index.d.ts +7 -0
- package/dist/components/radio/index.js +4 -0
- package/dist/components/radio/radio.component.d.ts +97 -0
- package/dist/components/radio/radio.component.js +229 -0
- package/dist/components/radio/radio.constants.d.ts +2 -0
- package/dist/components/radio/radio.constants.js +3 -0
- package/dist/components/radio/radio.styles.d.ts +2 -0
- package/dist/components/radio/radio.styles.js +162 -0
- package/dist/custom-elements.json +794 -233
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/react/index.d.ts +2 -1
- package/dist/react/index.js +2 -1
- package/dist/react/radio/index.d.ts +30 -0
- package/dist/react/radio/index.js +39 -0
- package/package.json +1 -1
@@ -2459,200 +2459,6 @@
|
|
2459
2459
|
}
|
2460
2460
|
]
|
2461
2461
|
},
|
2462
|
-
{
|
2463
|
-
"kind": "javascript-module",
|
2464
|
-
"path": "components/formfieldwrapper/formfieldwrapper.component.js",
|
2465
|
-
"declarations": [
|
2466
|
-
{
|
2467
|
-
"kind": "class",
|
2468
|
-
"description": "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).\nIt is used as an internal component and is not intended to be used directly by consumers.",
|
2469
|
-
"name": "FormfieldWrapper",
|
2470
|
-
"slots": [
|
2471
|
-
{
|
2472
|
-
"description": "slot to add the label info icon",
|
2473
|
-
"name": "label-info"
|
2474
|
-
}
|
2475
|
-
],
|
2476
|
-
"members": [
|
2477
|
-
{
|
2478
|
-
"kind": "field",
|
2479
|
-
"name": "label",
|
2480
|
-
"type": {
|
2481
|
-
"text": "string | undefined"
|
2482
|
-
},
|
2483
|
-
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
2484
|
-
"attribute": "label",
|
2485
|
-
"reflects": true
|
2486
|
-
},
|
2487
|
-
{
|
2488
|
-
"kind": "field",
|
2489
|
-
"name": "id",
|
2490
|
-
"default": "`mdc-input-${uuidv4()}`",
|
2491
|
-
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
2492
|
-
"attribute": "id"
|
2493
|
-
},
|
2494
|
-
{
|
2495
|
-
"kind": "field",
|
2496
|
-
"name": "helpTextType",
|
2497
|
-
"type": {
|
2498
|
-
"text": "ValidationType"
|
2499
|
-
},
|
2500
|
-
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
2501
|
-
"attribute": "help-text-type",
|
2502
|
-
"reflects": true
|
2503
|
-
},
|
2504
|
-
{
|
2505
|
-
"kind": "field",
|
2506
|
-
"name": "helpText",
|
2507
|
-
"type": {
|
2508
|
-
"text": "string | undefined"
|
2509
|
-
},
|
2510
|
-
"description": "The help text that is displayed below the input field.",
|
2511
|
-
"attribute": "help-text",
|
2512
|
-
"reflects": true
|
2513
|
-
},
|
2514
|
-
{
|
2515
|
-
"kind": "method",
|
2516
|
-
"name": "renderLabelElement",
|
2517
|
-
"privacy": "protected",
|
2518
|
-
"description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
|
2519
|
-
"return": {
|
2520
|
-
"type": {
|
2521
|
-
"text": ""
|
2522
|
-
}
|
2523
|
-
}
|
2524
|
-
},
|
2525
|
-
{
|
2526
|
-
"kind": "method",
|
2527
|
-
"name": "renderHelpTextIcon",
|
2528
|
-
"privacy": "protected",
|
2529
|
-
"description": "creates the helpertext icon based on the helpTextType for validation.\nIf the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.",
|
2530
|
-
"return": {
|
2531
|
-
"type": {
|
2532
|
-
"text": ""
|
2533
|
-
}
|
2534
|
-
}
|
2535
|
-
},
|
2536
|
-
{
|
2537
|
-
"kind": "method",
|
2538
|
-
"name": "renderHelpText",
|
2539
|
-
"privacy": "protected",
|
2540
|
-
"description": "creates the helper text component when the helpertext value is set.\nIt is also used to display the validation message based on the helpTextType.",
|
2541
|
-
"return": {
|
2542
|
-
"type": {
|
2543
|
-
"text": ""
|
2544
|
-
}
|
2545
|
-
}
|
2546
|
-
},
|
2547
|
-
{
|
2548
|
-
"kind": "method",
|
2549
|
-
"name": "renderLabel",
|
2550
|
-
"privacy": "protected",
|
2551
|
-
"description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
|
2552
|
-
"return": {
|
2553
|
-
"type": {
|
2554
|
-
"text": ""
|
2555
|
-
}
|
2556
|
-
}
|
2557
|
-
},
|
2558
|
-
{
|
2559
|
-
"kind": "method",
|
2560
|
-
"name": "renderHelperText",
|
2561
|
-
"privacy": "protected",
|
2562
|
-
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
2563
|
-
"return": {
|
2564
|
-
"type": {
|
2565
|
-
"text": ""
|
2566
|
-
}
|
2567
|
-
}
|
2568
|
-
},
|
2569
|
-
{
|
2570
|
-
"kind": "field",
|
2571
|
-
"name": "disabled",
|
2572
|
-
"type": {
|
2573
|
-
"text": "boolean"
|
2574
|
-
},
|
2575
|
-
"default": "false",
|
2576
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
2577
|
-
"attribute": "disabled",
|
2578
|
-
"reflects": true,
|
2579
|
-
"inheritedFrom": {
|
2580
|
-
"name": "DisabledMixin",
|
2581
|
-
"module": "utils/mixins/DisabledMixin.js"
|
2582
|
-
}
|
2583
|
-
}
|
2584
|
-
],
|
2585
|
-
"attributes": [
|
2586
|
-
{
|
2587
|
-
"name": "label",
|
2588
|
-
"type": {
|
2589
|
-
"text": "string | undefined"
|
2590
|
-
},
|
2591
|
-
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
2592
|
-
"fieldName": "label"
|
2593
|
-
},
|
2594
|
-
{
|
2595
|
-
"name": "id",
|
2596
|
-
"default": "`mdc-input-${uuidv4()}`",
|
2597
|
-
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
2598
|
-
"fieldName": "id"
|
2599
|
-
},
|
2600
|
-
{
|
2601
|
-
"name": "help-text-type",
|
2602
|
-
"type": {
|
2603
|
-
"text": "ValidationType"
|
2604
|
-
},
|
2605
|
-
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
2606
|
-
"fieldName": "helpTextType"
|
2607
|
-
},
|
2608
|
-
{
|
2609
|
-
"name": "help-text",
|
2610
|
-
"type": {
|
2611
|
-
"text": "string | undefined"
|
2612
|
-
},
|
2613
|
-
"description": "The help text that is displayed below the input field.",
|
2614
|
-
"fieldName": "helpText"
|
2615
|
-
},
|
2616
|
-
{
|
2617
|
-
"name": "disabled",
|
2618
|
-
"type": {
|
2619
|
-
"text": "boolean"
|
2620
|
-
},
|
2621
|
-
"default": "false",
|
2622
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
2623
|
-
"fieldName": "disabled",
|
2624
|
-
"inheritedFrom": {
|
2625
|
-
"name": "DisabledMixin",
|
2626
|
-
"module": "src/utils/mixins/DisabledMixin.ts"
|
2627
|
-
}
|
2628
|
-
}
|
2629
|
-
],
|
2630
|
-
"mixins": [
|
2631
|
-
{
|
2632
|
-
"name": "DisabledMixin",
|
2633
|
-
"module": "/src/utils/mixins/DisabledMixin"
|
2634
|
-
}
|
2635
|
-
],
|
2636
|
-
"superclass": {
|
2637
|
-
"name": "Component",
|
2638
|
-
"module": "/src/models"
|
2639
|
-
},
|
2640
|
-
"tagName": "mdc-formfieldwrapper",
|
2641
|
-
"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 * @slot label-info - slot to add the label info icon\n *\n */",
|
2642
|
-
"customElement": true
|
2643
|
-
}
|
2644
|
-
],
|
2645
|
-
"exports": [
|
2646
|
-
{
|
2647
|
-
"kind": "js",
|
2648
|
-
"name": "default",
|
2649
|
-
"declaration": {
|
2650
|
-
"name": "FormfieldWrapper",
|
2651
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
2652
|
-
}
|
2653
|
-
}
|
2654
|
-
]
|
2655
|
-
},
|
2656
2462
|
{
|
2657
2463
|
"kind": "javascript-module",
|
2658
2464
|
"path": "components/divider/divider.component.js",
|
@@ -2885,73 +2691,267 @@
|
|
2885
2691
|
},
|
2886
2692
|
{
|
2887
2693
|
"kind": "javascript-module",
|
2888
|
-
"path": "components/
|
2694
|
+
"path": "components/formfieldwrapper/formfieldwrapper.component.js",
|
2889
2695
|
"declarations": [
|
2890
2696
|
{
|
2891
2697
|
"kind": "class",
|
2892
|
-
"description": "
|
2893
|
-
"name": "
|
2894
|
-
"
|
2895
|
-
{
|
2896
|
-
"description": "Allows customization of the default fill color.",
|
2897
|
-
"name": "--mdc-icon-fill-color"
|
2898
|
-
},
|
2899
|
-
{
|
2900
|
-
"description": "Allows customization of the icon size.",
|
2901
|
-
"name": "--mdc-icon-size"
|
2902
|
-
},
|
2698
|
+
"description": "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).\nIt is used as an internal component and is not intended to be used directly by consumers.",
|
2699
|
+
"name": "FormfieldWrapper",
|
2700
|
+
"slots": [
|
2903
2701
|
{
|
2904
|
-
"description": "
|
2905
|
-
"name": "
|
2702
|
+
"description": "slot to add the label info icon",
|
2703
|
+
"name": "label-info"
|
2906
2704
|
}
|
2907
2705
|
],
|
2908
2706
|
"members": [
|
2909
2707
|
{
|
2910
2708
|
"kind": "field",
|
2911
|
-
"name": "
|
2912
|
-
"type": {
|
2913
|
-
"text": "HTMLElement | undefined"
|
2914
|
-
},
|
2915
|
-
"privacy": "private"
|
2916
|
-
},
|
2917
|
-
{
|
2918
|
-
"kind": "field",
|
2919
|
-
"name": "lengthUnitFromContext",
|
2709
|
+
"name": "label",
|
2920
2710
|
"type": {
|
2921
2711
|
"text": "string | undefined"
|
2922
2712
|
},
|
2923
|
-
"
|
2713
|
+
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
2714
|
+
"attribute": "label",
|
2715
|
+
"reflects": true
|
2924
2716
|
},
|
2925
2717
|
{
|
2926
2718
|
"kind": "field",
|
2927
|
-
"name": "
|
2928
|
-
"
|
2929
|
-
|
2930
|
-
|
2931
|
-
"privacy": "private"
|
2719
|
+
"name": "id",
|
2720
|
+
"default": "`mdc-input-${uuidv4()}`",
|
2721
|
+
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
2722
|
+
"attribute": "id"
|
2932
2723
|
},
|
2933
2724
|
{
|
2934
2725
|
"kind": "field",
|
2935
|
-
"name": "
|
2726
|
+
"name": "helpTextType",
|
2936
2727
|
"type": {
|
2937
|
-
"text": "
|
2728
|
+
"text": "ValidationType"
|
2938
2729
|
},
|
2939
|
-
"description": "
|
2940
|
-
"attribute": "
|
2730
|
+
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
2731
|
+
"attribute": "help-text-type",
|
2941
2732
|
"reflects": true
|
2942
2733
|
},
|
2943
2734
|
{
|
2944
2735
|
"kind": "field",
|
2945
|
-
"name": "
|
2736
|
+
"name": "helpText",
|
2946
2737
|
"type": {
|
2947
|
-
"text": "
|
2738
|
+
"text": "string | undefined"
|
2948
2739
|
},
|
2949
|
-
"description": "
|
2950
|
-
"attribute": "
|
2740
|
+
"description": "The help text that is displayed below the input field.",
|
2741
|
+
"attribute": "help-text",
|
2742
|
+
"reflects": true
|
2951
2743
|
},
|
2952
2744
|
{
|
2953
|
-
"kind": "
|
2954
|
-
"name": "
|
2745
|
+
"kind": "method",
|
2746
|
+
"name": "renderLabelElement",
|
2747
|
+
"privacy": "protected",
|
2748
|
+
"description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
|
2749
|
+
"return": {
|
2750
|
+
"type": {
|
2751
|
+
"text": ""
|
2752
|
+
}
|
2753
|
+
}
|
2754
|
+
},
|
2755
|
+
{
|
2756
|
+
"kind": "method",
|
2757
|
+
"name": "renderHelpTextIcon",
|
2758
|
+
"privacy": "protected",
|
2759
|
+
"description": "creates the helpertext icon based on the helpTextType for validation.\nIf the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.",
|
2760
|
+
"return": {
|
2761
|
+
"type": {
|
2762
|
+
"text": ""
|
2763
|
+
}
|
2764
|
+
}
|
2765
|
+
},
|
2766
|
+
{
|
2767
|
+
"kind": "method",
|
2768
|
+
"name": "renderHelpText",
|
2769
|
+
"privacy": "protected",
|
2770
|
+
"description": "creates the helper text component when the helpertext value is set.\nIt is also used to display the validation message based on the helpTextType.",
|
2771
|
+
"return": {
|
2772
|
+
"type": {
|
2773
|
+
"text": ""
|
2774
|
+
}
|
2775
|
+
}
|
2776
|
+
},
|
2777
|
+
{
|
2778
|
+
"kind": "method",
|
2779
|
+
"name": "renderLabel",
|
2780
|
+
"privacy": "protected",
|
2781
|
+
"description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
|
2782
|
+
"return": {
|
2783
|
+
"type": {
|
2784
|
+
"text": ""
|
2785
|
+
}
|
2786
|
+
}
|
2787
|
+
},
|
2788
|
+
{
|
2789
|
+
"kind": "method",
|
2790
|
+
"name": "renderHelperText",
|
2791
|
+
"privacy": "protected",
|
2792
|
+
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
2793
|
+
"return": {
|
2794
|
+
"type": {
|
2795
|
+
"text": ""
|
2796
|
+
}
|
2797
|
+
}
|
2798
|
+
},
|
2799
|
+
{
|
2800
|
+
"kind": "field",
|
2801
|
+
"name": "disabled",
|
2802
|
+
"type": {
|
2803
|
+
"text": "boolean"
|
2804
|
+
},
|
2805
|
+
"default": "false",
|
2806
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
2807
|
+
"attribute": "disabled",
|
2808
|
+
"reflects": true,
|
2809
|
+
"inheritedFrom": {
|
2810
|
+
"name": "DisabledMixin",
|
2811
|
+
"module": "utils/mixins/DisabledMixin.js"
|
2812
|
+
}
|
2813
|
+
}
|
2814
|
+
],
|
2815
|
+
"attributes": [
|
2816
|
+
{
|
2817
|
+
"name": "label",
|
2818
|
+
"type": {
|
2819
|
+
"text": "string | undefined"
|
2820
|
+
},
|
2821
|
+
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
2822
|
+
"fieldName": "label"
|
2823
|
+
},
|
2824
|
+
{
|
2825
|
+
"name": "id",
|
2826
|
+
"default": "`mdc-input-${uuidv4()}`",
|
2827
|
+
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
2828
|
+
"fieldName": "id"
|
2829
|
+
},
|
2830
|
+
{
|
2831
|
+
"name": "help-text-type",
|
2832
|
+
"type": {
|
2833
|
+
"text": "ValidationType"
|
2834
|
+
},
|
2835
|
+
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
2836
|
+
"fieldName": "helpTextType"
|
2837
|
+
},
|
2838
|
+
{
|
2839
|
+
"name": "help-text",
|
2840
|
+
"type": {
|
2841
|
+
"text": "string | undefined"
|
2842
|
+
},
|
2843
|
+
"description": "The help text that is displayed below the input field.",
|
2844
|
+
"fieldName": "helpText"
|
2845
|
+
},
|
2846
|
+
{
|
2847
|
+
"name": "disabled",
|
2848
|
+
"type": {
|
2849
|
+
"text": "boolean"
|
2850
|
+
},
|
2851
|
+
"default": "false",
|
2852
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
2853
|
+
"fieldName": "disabled",
|
2854
|
+
"inheritedFrom": {
|
2855
|
+
"name": "DisabledMixin",
|
2856
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
2857
|
+
}
|
2858
|
+
}
|
2859
|
+
],
|
2860
|
+
"mixins": [
|
2861
|
+
{
|
2862
|
+
"name": "DisabledMixin",
|
2863
|
+
"module": "/src/utils/mixins/DisabledMixin"
|
2864
|
+
}
|
2865
|
+
],
|
2866
|
+
"superclass": {
|
2867
|
+
"name": "Component",
|
2868
|
+
"module": "/src/models"
|
2869
|
+
},
|
2870
|
+
"tagName": "mdc-formfieldwrapper",
|
2871
|
+
"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 * @slot label-info - slot to add the label info icon\n *\n */",
|
2872
|
+
"customElement": true
|
2873
|
+
}
|
2874
|
+
],
|
2875
|
+
"exports": [
|
2876
|
+
{
|
2877
|
+
"kind": "js",
|
2878
|
+
"name": "default",
|
2879
|
+
"declaration": {
|
2880
|
+
"name": "FormfieldWrapper",
|
2881
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
2882
|
+
}
|
2883
|
+
}
|
2884
|
+
]
|
2885
|
+
},
|
2886
|
+
{
|
2887
|
+
"kind": "javascript-module",
|
2888
|
+
"path": "components/icon/icon.component.js",
|
2889
|
+
"declarations": [
|
2890
|
+
{
|
2891
|
+
"kind": "class",
|
2892
|
+
"description": "Icon component that dynamically displays SVG icons based on a valid name.\n\nThis component must be mounted within an `IconProvider` component.\n\nThe `IconProvider` defines the source URL from which icons are consumed.\nThe `Icon` component accepts a `name` attribute, which corresponds to\nthe file name of the icon to be loaded from the specified URL.\n\nOnce fetched, the icon will be rendered. If the fetching process is unsuccessful,\nno icon will be displayed.\n\nThe `size` attribute allows for dynamic sizing of the icon based on the provided\n`length-unit` attribute. This unit can either come from the `IconProvider`\nor can be overridden for each individual icon. For example:\nif `size = 1` and `length-unit = 'em'`, the dimensions of the icon will be\n`width: 1em; height: 1em`.\n\nRegarding accessibility, there are three types of icons: decorative, informative and informative standalone.\n\n### Decorative Icons\n- Decorative icons do not convey any essential information to the content of a page.\n- They should be hidden from screen readers (SR) to prevent confusion for users.\n- For decorative icons, an `aria-label` is not required, and the `role` will be set to null.\n\n### Informative Icons\n- Informative icons convey important information that is not adequately represented\n by surrounding text or components.\n- They provide valuable context and must be announced by assistive technologies.\n- For informative icons, an `aria-label` is required, and the `role` will be set to \"img\" automatically.\n- If an `aria-label` is provided, the role will be set to 'img'; if it is absent,\n the role will be unset.\n\n### Informative Standalone Icons\n- If an icon is informative (as mentioned above) and does not belong to a button (=standalone), it must\nhave a Tooltip that describes what it means.\n- For informative standalone icons, an `aria-label` & `tabindex=\"0\"` is required,\nand the `role` will be set to \"img\" automatically.\n- **Only use this when a Icon is standalone and is not part of a button or other interactive elements.**",
|
2893
|
+
"name": "Icon",
|
2894
|
+
"cssProperties": [
|
2895
|
+
{
|
2896
|
+
"description": "Allows customization of the default fill color.",
|
2897
|
+
"name": "--mdc-icon-fill-color"
|
2898
|
+
},
|
2899
|
+
{
|
2900
|
+
"description": "Allows customization of the icon size.",
|
2901
|
+
"name": "--mdc-icon-size"
|
2902
|
+
},
|
2903
|
+
{
|
2904
|
+
"description": "Allows customization of the icon border radius.",
|
2905
|
+
"name": "--mdc-icon-border-radius"
|
2906
|
+
}
|
2907
|
+
],
|
2908
|
+
"members": [
|
2909
|
+
{
|
2910
|
+
"kind": "field",
|
2911
|
+
"name": "iconData",
|
2912
|
+
"type": {
|
2913
|
+
"text": "HTMLElement | undefined"
|
2914
|
+
},
|
2915
|
+
"privacy": "private"
|
2916
|
+
},
|
2917
|
+
{
|
2918
|
+
"kind": "field",
|
2919
|
+
"name": "lengthUnitFromContext",
|
2920
|
+
"type": {
|
2921
|
+
"text": "string | undefined"
|
2922
|
+
},
|
2923
|
+
"privacy": "private"
|
2924
|
+
},
|
2925
|
+
{
|
2926
|
+
"kind": "field",
|
2927
|
+
"name": "sizeFromContext",
|
2928
|
+
"type": {
|
2929
|
+
"text": "number | undefined"
|
2930
|
+
},
|
2931
|
+
"privacy": "private"
|
2932
|
+
},
|
2933
|
+
{
|
2934
|
+
"kind": "field",
|
2935
|
+
"name": "name",
|
2936
|
+
"type": {
|
2937
|
+
"text": "IconNames | undefined"
|
2938
|
+
},
|
2939
|
+
"description": "Name of the icon (= filename)",
|
2940
|
+
"attribute": "name",
|
2941
|
+
"reflects": true
|
2942
|
+
},
|
2943
|
+
{
|
2944
|
+
"kind": "field",
|
2945
|
+
"name": "size",
|
2946
|
+
"type": {
|
2947
|
+
"text": "number | undefined"
|
2948
|
+
},
|
2949
|
+
"description": "Size of the icon (works in combination with length unit)",
|
2950
|
+
"attribute": "size"
|
2951
|
+
},
|
2952
|
+
{
|
2953
|
+
"kind": "field",
|
2954
|
+
"name": "lengthUnit",
|
2955
2955
|
"type": {
|
2956
2956
|
"text": "string | undefined"
|
2957
2957
|
},
|
@@ -4615,6 +4615,567 @@
|
|
4615
4615
|
}
|
4616
4616
|
]
|
4617
4617
|
},
|
4618
|
+
{
|
4619
|
+
"kind": "javascript-module",
|
4620
|
+
"path": "components/radio/radio.component.js",
|
4621
|
+
"declarations": [
|
4622
|
+
{
|
4623
|
+
"kind": "class",
|
4624
|
+
"description": "Radio allow users to select single options from a list or turn an item/feature on or off.\nThese are often used in forms, settings, and selection in lists.\n\nA radio component contains an optional label, optional info icon and an optional helper text.",
|
4625
|
+
"name": "Radio",
|
4626
|
+
"cssProperties": [
|
4627
|
+
{
|
4628
|
+
"description": "size of the inner circle",
|
4629
|
+
"name": "--mdc-radio-inner-circle-size"
|
4630
|
+
},
|
4631
|
+
{
|
4632
|
+
"description": "color of the label when disabled",
|
4633
|
+
"name": "--mdc-radio-text-disabled-color"
|
4634
|
+
},
|
4635
|
+
{
|
4636
|
+
"description": "color of the radio button border when disabled",
|
4637
|
+
"name": "--mdc-radio-disabled-border-color"
|
4638
|
+
},
|
4639
|
+
{
|
4640
|
+
"description": "color of the radio button border when normal",
|
4641
|
+
"name": "--mdc-radio-normal-border-color"
|
4642
|
+
},
|
4643
|
+
{
|
4644
|
+
"description": "background color of the inner circle when normal",
|
4645
|
+
"name": "--mdc-radio-inner-circle-normal-background"
|
4646
|
+
},
|
4647
|
+
{
|
4648
|
+
"description": "background color of the inner circle when disabled",
|
4649
|
+
"name": "--mdc-radio-inner-circle-disabled-background"
|
4650
|
+
},
|
4651
|
+
{
|
4652
|
+
"description": "color of the radio button when inactive",
|
4653
|
+
"name": "--mdc-radio-control-inactive-color"
|
4654
|
+
},
|
4655
|
+
{
|
4656
|
+
"description": "color of the radio button when inactive and hovered",
|
4657
|
+
"name": "--mdc-radio-control-inactive-hover"
|
4658
|
+
},
|
4659
|
+
{
|
4660
|
+
"description": "color of the radio button when inactive and pressed",
|
4661
|
+
"name": "--mdc-radio-control-inactive-pressed-color"
|
4662
|
+
},
|
4663
|
+
{
|
4664
|
+
"description": "background color of the radio button when inactive and disabled",
|
4665
|
+
"name": "--mdc-radio-control-inactive-disabled-background"
|
4666
|
+
},
|
4667
|
+
{
|
4668
|
+
"description": "color of the radio button when active",
|
4669
|
+
"name": "--mdc-radio-control-active-color"
|
4670
|
+
},
|
4671
|
+
{
|
4672
|
+
"description": "color of the radio button when active and hovered",
|
4673
|
+
"name": "--mdc-radio-control-active-hover-color"
|
4674
|
+
},
|
4675
|
+
{
|
4676
|
+
"description": "color of the radio button when active and pressed",
|
4677
|
+
"name": "--mdc-radio-control-active-pressed-color"
|
4678
|
+
},
|
4679
|
+
{
|
4680
|
+
"description": "background color of the radio button when active and disabled",
|
4681
|
+
"name": "--mdc-radio-control-active-disabled-background"
|
4682
|
+
}
|
4683
|
+
],
|
4684
|
+
"members": [
|
4685
|
+
{
|
4686
|
+
"kind": "field",
|
4687
|
+
"name": "checked",
|
4688
|
+
"type": {
|
4689
|
+
"text": "boolean"
|
4690
|
+
},
|
4691
|
+
"default": "false",
|
4692
|
+
"description": "Determines whether the radio is selected or unselected.",
|
4693
|
+
"attribute": "checked",
|
4694
|
+
"reflects": true
|
4695
|
+
},
|
4696
|
+
{
|
4697
|
+
"kind": "field",
|
4698
|
+
"name": "readonly",
|
4699
|
+
"type": {
|
4700
|
+
"text": "boolean"
|
4701
|
+
},
|
4702
|
+
"default": "false",
|
4703
|
+
"description": "Determines whether the radio is read-only.",
|
4704
|
+
"attribute": "readonly",
|
4705
|
+
"reflects": true
|
4706
|
+
},
|
4707
|
+
{
|
4708
|
+
"kind": "method",
|
4709
|
+
"name": "setFormValue",
|
4710
|
+
"privacy": "private",
|
4711
|
+
"description": "Updates the form value to reflect the current state of the radio.\nIf checked, the value is set to the user-provided value.\nIf unchecked, the value is set to null."
|
4712
|
+
},
|
4713
|
+
{
|
4714
|
+
"kind": "method",
|
4715
|
+
"name": "getAllRadiosWithinSameGroup",
|
4716
|
+
"privacy": "private",
|
4717
|
+
"return": {
|
4718
|
+
"type": {
|
4719
|
+
"text": "Radio[]"
|
4720
|
+
}
|
4721
|
+
},
|
4722
|
+
"description": "Returns all radios within the same group (name)."
|
4723
|
+
},
|
4724
|
+
{
|
4725
|
+
"kind": "method",
|
4726
|
+
"name": "dispatchChangeEvent",
|
4727
|
+
"privacy": "private",
|
4728
|
+
"return": {
|
4729
|
+
"type": {
|
4730
|
+
"text": "void"
|
4731
|
+
}
|
4732
|
+
},
|
4733
|
+
"parameters": [
|
4734
|
+
{
|
4735
|
+
"name": "event",
|
4736
|
+
"type": {
|
4737
|
+
"text": "Event"
|
4738
|
+
}
|
4739
|
+
}
|
4740
|
+
],
|
4741
|
+
"description": "The 'change' event does not bubble up through the shadow DOM as it was not composed.\nTherefore, we need to re-dispatch the same event to ensure it is propagated correctly.\nRead more: https://developer.mozilla.org/en-US/docs/Web/API/Event/composed"
|
4742
|
+
},
|
4743
|
+
{
|
4744
|
+
"kind": "method",
|
4745
|
+
"name": "handleChange",
|
4746
|
+
"privacy": "private",
|
4747
|
+
"return": {
|
4748
|
+
"type": {
|
4749
|
+
"text": "void"
|
4750
|
+
}
|
4751
|
+
},
|
4752
|
+
"parameters": [
|
4753
|
+
{
|
4754
|
+
"name": "event",
|
4755
|
+
"type": {
|
4756
|
+
"text": "Event"
|
4757
|
+
}
|
4758
|
+
}
|
4759
|
+
],
|
4760
|
+
"description": "Handles the change event on the radio element.\nThis will toggle the state of the radio element.\nDispatches the change event."
|
4761
|
+
},
|
4762
|
+
{
|
4763
|
+
"kind": "method",
|
4764
|
+
"name": "updateRadio",
|
4765
|
+
"privacy": "private",
|
4766
|
+
"parameters": [
|
4767
|
+
{
|
4768
|
+
"name": "enabledRadios",
|
4769
|
+
"type": {
|
4770
|
+
"text": "Radio[]"
|
4771
|
+
},
|
4772
|
+
"description": "An array of enabled radio buttons within the same group."
|
4773
|
+
},
|
4774
|
+
{
|
4775
|
+
"name": "index",
|
4776
|
+
"type": {
|
4777
|
+
"text": "number"
|
4778
|
+
},
|
4779
|
+
"description": "The index of the radio button to be updated within the enabled radios array."
|
4780
|
+
},
|
4781
|
+
{
|
4782
|
+
"name": "event",
|
4783
|
+
"type": {
|
4784
|
+
"text": "Event"
|
4785
|
+
},
|
4786
|
+
"description": "The event that triggered the update."
|
4787
|
+
}
|
4788
|
+
],
|
4789
|
+
"description": "Updates the state of the radio button at the specified index within the enabled radios.\nFocuses the radio button and triggers the change event if the radio button is not read-only."
|
4790
|
+
},
|
4791
|
+
{
|
4792
|
+
"kind": "method",
|
4793
|
+
"name": "handleKeyDown",
|
4794
|
+
"privacy": "private",
|
4795
|
+
"return": {
|
4796
|
+
"type": {
|
4797
|
+
"text": "void"
|
4798
|
+
}
|
4799
|
+
},
|
4800
|
+
"parameters": [
|
4801
|
+
{
|
4802
|
+
"name": "event",
|
4803
|
+
"type": {
|
4804
|
+
"text": "KeyboardEvent"
|
4805
|
+
}
|
4806
|
+
}
|
4807
|
+
],
|
4808
|
+
"description": "Handles the keydown event (Arrow Up/Down/Left/Right) on the radio element."
|
4809
|
+
},
|
4810
|
+
{
|
4811
|
+
"kind": "method",
|
4812
|
+
"name": "updateTabIndex",
|
4813
|
+
"privacy": "private",
|
4814
|
+
"return": {
|
4815
|
+
"type": {
|
4816
|
+
"text": "void"
|
4817
|
+
}
|
4818
|
+
},
|
4819
|
+
"description": "Update tab index for all radios in the same group (name)\nIf any radio group is checked, it will have a tab index of 0\nIf no radio group is checked, the first enabled radio will have a tab index of 0"
|
4820
|
+
},
|
4821
|
+
{
|
4822
|
+
"kind": "field",
|
4823
|
+
"name": "name",
|
4824
|
+
"type": {
|
4825
|
+
"text": "string"
|
4826
|
+
},
|
4827
|
+
"default": "''",
|
4828
|
+
"description": "Indicates the name of the component group (ex: checkbox, radio group).\nThey are used to group elements in a form together.",
|
4829
|
+
"attribute": "name",
|
4830
|
+
"reflects": true,
|
4831
|
+
"inheritedFrom": {
|
4832
|
+
"name": "NameMixin",
|
4833
|
+
"module": "utils/mixins/NameMixin.js"
|
4834
|
+
}
|
4835
|
+
},
|
4836
|
+
{
|
4837
|
+
"kind": "field",
|
4838
|
+
"name": "value",
|
4839
|
+
"type": {
|
4840
|
+
"text": "string"
|
4841
|
+
},
|
4842
|
+
"default": "''",
|
4843
|
+
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
4844
|
+
"attribute": "value",
|
4845
|
+
"reflects": true,
|
4846
|
+
"inheritedFrom": {
|
4847
|
+
"name": "ValueMixin",
|
4848
|
+
"module": "utils/mixins/ValueMixin.js"
|
4849
|
+
}
|
4850
|
+
},
|
4851
|
+
{
|
4852
|
+
"kind": "field",
|
4853
|
+
"name": "dataAriaLabel",
|
4854
|
+
"type": {
|
4855
|
+
"text": "string | null"
|
4856
|
+
},
|
4857
|
+
"default": "null",
|
4858
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
4859
|
+
"attribute": "data-aria-label",
|
4860
|
+
"reflects": true,
|
4861
|
+
"inheritedFrom": {
|
4862
|
+
"name": "DataAriaLabelMixin",
|
4863
|
+
"module": "utils/mixins/DataAriaLabelMixin.js"
|
4864
|
+
}
|
4865
|
+
},
|
4866
|
+
{
|
4867
|
+
"kind": "field",
|
4868
|
+
"name": "disabled",
|
4869
|
+
"type": {
|
4870
|
+
"text": "boolean"
|
4871
|
+
},
|
4872
|
+
"default": "false",
|
4873
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
4874
|
+
"attribute": "disabled",
|
4875
|
+
"reflects": true,
|
4876
|
+
"inheritedFrom": {
|
4877
|
+
"name": "FormfieldWrapper",
|
4878
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
4879
|
+
}
|
4880
|
+
},
|
4881
|
+
{
|
4882
|
+
"kind": "field",
|
4883
|
+
"name": "label",
|
4884
|
+
"type": {
|
4885
|
+
"text": "string | undefined"
|
4886
|
+
},
|
4887
|
+
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
4888
|
+
"attribute": "label",
|
4889
|
+
"reflects": true,
|
4890
|
+
"inheritedFrom": {
|
4891
|
+
"name": "FormfieldWrapper",
|
4892
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
4893
|
+
}
|
4894
|
+
},
|
4895
|
+
{
|
4896
|
+
"kind": "field",
|
4897
|
+
"name": "id",
|
4898
|
+
"default": "`mdc-input-${uuidv4()}`",
|
4899
|
+
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
4900
|
+
"attribute": "id",
|
4901
|
+
"inheritedFrom": {
|
4902
|
+
"name": "FormfieldWrapper",
|
4903
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
4904
|
+
}
|
4905
|
+
},
|
4906
|
+
{
|
4907
|
+
"kind": "field",
|
4908
|
+
"name": "helpTextType",
|
4909
|
+
"type": {
|
4910
|
+
"text": "ValidationType"
|
4911
|
+
},
|
4912
|
+
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
4913
|
+
"attribute": "help-text-type",
|
4914
|
+
"reflects": true,
|
4915
|
+
"inheritedFrom": {
|
4916
|
+
"name": "FormfieldWrapper",
|
4917
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
4918
|
+
}
|
4919
|
+
},
|
4920
|
+
{
|
4921
|
+
"kind": "field",
|
4922
|
+
"name": "helpText",
|
4923
|
+
"type": {
|
4924
|
+
"text": "string | undefined"
|
4925
|
+
},
|
4926
|
+
"description": "The help text that is displayed below the input field.",
|
4927
|
+
"attribute": "help-text",
|
4928
|
+
"reflects": true,
|
4929
|
+
"inheritedFrom": {
|
4930
|
+
"name": "FormfieldWrapper",
|
4931
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
4932
|
+
}
|
4933
|
+
},
|
4934
|
+
{
|
4935
|
+
"kind": "method",
|
4936
|
+
"name": "renderLabelElement",
|
4937
|
+
"privacy": "protected",
|
4938
|
+
"description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
|
4939
|
+
"return": {
|
4940
|
+
"type": {
|
4941
|
+
"text": ""
|
4942
|
+
}
|
4943
|
+
},
|
4944
|
+
"inheritedFrom": {
|
4945
|
+
"name": "FormfieldWrapper",
|
4946
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
4947
|
+
}
|
4948
|
+
},
|
4949
|
+
{
|
4950
|
+
"kind": "method",
|
4951
|
+
"name": "renderHelpTextIcon",
|
4952
|
+
"privacy": "protected",
|
4953
|
+
"description": "creates the helpertext icon based on the helpTextType for validation.\nIf the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.",
|
4954
|
+
"return": {
|
4955
|
+
"type": {
|
4956
|
+
"text": ""
|
4957
|
+
}
|
4958
|
+
},
|
4959
|
+
"inheritedFrom": {
|
4960
|
+
"name": "FormfieldWrapper",
|
4961
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
4962
|
+
}
|
4963
|
+
},
|
4964
|
+
{
|
4965
|
+
"kind": "method",
|
4966
|
+
"name": "renderHelpText",
|
4967
|
+
"privacy": "protected",
|
4968
|
+
"description": "creates the helper text component when the helpertext value is set.\nIt is also used to display the validation message based on the helpTextType.",
|
4969
|
+
"return": {
|
4970
|
+
"type": {
|
4971
|
+
"text": ""
|
4972
|
+
}
|
4973
|
+
},
|
4974
|
+
"inheritedFrom": {
|
4975
|
+
"name": "FormfieldWrapper",
|
4976
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
4977
|
+
}
|
4978
|
+
},
|
4979
|
+
{
|
4980
|
+
"kind": "method",
|
4981
|
+
"name": "renderLabel",
|
4982
|
+
"privacy": "protected",
|
4983
|
+
"description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
|
4984
|
+
"return": {
|
4985
|
+
"type": {
|
4986
|
+
"text": ""
|
4987
|
+
}
|
4988
|
+
},
|
4989
|
+
"inheritedFrom": {
|
4990
|
+
"name": "FormfieldWrapper",
|
4991
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
4992
|
+
}
|
4993
|
+
},
|
4994
|
+
{
|
4995
|
+
"kind": "method",
|
4996
|
+
"name": "renderHelperText",
|
4997
|
+
"privacy": "protected",
|
4998
|
+
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
4999
|
+
"return": {
|
5000
|
+
"type": {
|
5001
|
+
"text": ""
|
5002
|
+
}
|
5003
|
+
},
|
5004
|
+
"inheritedFrom": {
|
5005
|
+
"name": "FormfieldWrapper",
|
5006
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
5007
|
+
}
|
5008
|
+
}
|
5009
|
+
],
|
5010
|
+
"events": [
|
5011
|
+
{
|
5012
|
+
"type": {
|
5013
|
+
"text": "EventConstructor"
|
5014
|
+
}
|
5015
|
+
}
|
5016
|
+
],
|
5017
|
+
"attributes": [
|
5018
|
+
{
|
5019
|
+
"name": "checked",
|
5020
|
+
"type": {
|
5021
|
+
"text": "boolean"
|
5022
|
+
},
|
5023
|
+
"default": "false",
|
5024
|
+
"description": "Determines whether the radio is selected or unselected.",
|
5025
|
+
"fieldName": "checked"
|
5026
|
+
},
|
5027
|
+
{
|
5028
|
+
"name": "readonly",
|
5029
|
+
"type": {
|
5030
|
+
"text": "boolean"
|
5031
|
+
},
|
5032
|
+
"default": "false",
|
5033
|
+
"description": "Determines whether the radio is read-only.",
|
5034
|
+
"fieldName": "readonly"
|
5035
|
+
},
|
5036
|
+
{
|
5037
|
+
"name": "name",
|
5038
|
+
"type": {
|
5039
|
+
"text": "string"
|
5040
|
+
},
|
5041
|
+
"default": "''",
|
5042
|
+
"description": "Indicates the name of the component group (ex: checkbox, radio group).\nThey are used to group elements in a form together.",
|
5043
|
+
"fieldName": "name",
|
5044
|
+
"inheritedFrom": {
|
5045
|
+
"name": "NameMixin",
|
5046
|
+
"module": "src/utils/mixins/NameMixin.ts"
|
5047
|
+
}
|
5048
|
+
},
|
5049
|
+
{
|
5050
|
+
"name": "value",
|
5051
|
+
"type": {
|
5052
|
+
"text": "string"
|
5053
|
+
},
|
5054
|
+
"default": "''",
|
5055
|
+
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
5056
|
+
"fieldName": "value",
|
5057
|
+
"inheritedFrom": {
|
5058
|
+
"name": "ValueMixin",
|
5059
|
+
"module": "src/utils/mixins/ValueMixin.ts"
|
5060
|
+
}
|
5061
|
+
},
|
5062
|
+
{
|
5063
|
+
"name": "data-aria-label",
|
5064
|
+
"type": {
|
5065
|
+
"text": "string | null"
|
5066
|
+
},
|
5067
|
+
"default": "null",
|
5068
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
5069
|
+
"fieldName": "dataAriaLabel",
|
5070
|
+
"inheritedFrom": {
|
5071
|
+
"name": "DataAriaLabelMixin",
|
5072
|
+
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
5073
|
+
}
|
5074
|
+
},
|
5075
|
+
{
|
5076
|
+
"name": "disabled",
|
5077
|
+
"type": {
|
5078
|
+
"text": "boolean"
|
5079
|
+
},
|
5080
|
+
"default": "false",
|
5081
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
5082
|
+
"fieldName": "disabled",
|
5083
|
+
"inheritedFrom": {
|
5084
|
+
"name": "FormfieldWrapper",
|
5085
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
5086
|
+
}
|
5087
|
+
},
|
5088
|
+
{
|
5089
|
+
"name": "label",
|
5090
|
+
"type": {
|
5091
|
+
"text": "string | undefined"
|
5092
|
+
},
|
5093
|
+
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
5094
|
+
"fieldName": "label",
|
5095
|
+
"inheritedFrom": {
|
5096
|
+
"name": "FormfieldWrapper",
|
5097
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
5098
|
+
}
|
5099
|
+
},
|
5100
|
+
{
|
5101
|
+
"name": "id",
|
5102
|
+
"default": "`mdc-input-${uuidv4()}`",
|
5103
|
+
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
5104
|
+
"fieldName": "id",
|
5105
|
+
"inheritedFrom": {
|
5106
|
+
"name": "FormfieldWrapper",
|
5107
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
5108
|
+
}
|
5109
|
+
},
|
5110
|
+
{
|
5111
|
+
"name": "help-text-type",
|
5112
|
+
"type": {
|
5113
|
+
"text": "ValidationType"
|
5114
|
+
},
|
5115
|
+
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
5116
|
+
"fieldName": "helpTextType",
|
5117
|
+
"inheritedFrom": {
|
5118
|
+
"name": "FormfieldWrapper",
|
5119
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
5120
|
+
}
|
5121
|
+
},
|
5122
|
+
{
|
5123
|
+
"name": "help-text",
|
5124
|
+
"type": {
|
5125
|
+
"text": "string | undefined"
|
5126
|
+
},
|
5127
|
+
"description": "The help text that is displayed below the input field.",
|
5128
|
+
"fieldName": "helpText",
|
5129
|
+
"inheritedFrom": {
|
5130
|
+
"name": "FormfieldWrapper",
|
5131
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
5132
|
+
}
|
5133
|
+
}
|
5134
|
+
],
|
5135
|
+
"mixins": [
|
5136
|
+
{
|
5137
|
+
"name": "NameMixin",
|
5138
|
+
"module": "/src/utils/mixins/NameMixin"
|
5139
|
+
},
|
5140
|
+
{
|
5141
|
+
"name": "ValueMixin",
|
5142
|
+
"module": "/src/utils/mixins/ValueMixin"
|
5143
|
+
},
|
5144
|
+
{
|
5145
|
+
"name": "DataAriaLabelMixin",
|
5146
|
+
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
5147
|
+
}
|
5148
|
+
],
|
5149
|
+
"superclass": {
|
5150
|
+
"name": "FormfieldWrapper",
|
5151
|
+
"module": "/src/components/formfieldwrapper/formfieldwrapper.component"
|
5152
|
+
},
|
5153
|
+
"tagName": "mdc-radio",
|
5154
|
+
"jsDoc": "/**\n * Radio allow users to select single options from a list or turn an item/feature on or off.\n * These are often used in forms, settings, and selection in lists.\n *\n * A radio component contains an optional label, optional info icon and an optional helper text.\n * @dependency mdc-formfieldwrapper\n *\n * @tagname mdc-radio\n *\n * @cssproperty --mdc-radio-inner-circle-size - size of the inner circle\n * @cssproperty --mdc-radio-text-disabled-color - color of the label when disabled\n * @cssproperty --mdc-radio-disabled-border-color - color of the radio button border when disabled\n * @cssproperty --mdc-radio-normal-border-color - color of the radio button border when normal\n * @cssproperty --mdc-radio-inner-circle-normal-background - background color of the inner circle when normal\n * @cssproperty --mdc-radio-inner-circle-disabled-background - background color of the inner circle when disabled\n * @cssproperty --mdc-radio-control-inactive-color - color of the radio button when inactive\n * @cssproperty --mdc-radio-control-inactive-hover - color of the radio button when inactive and hovered\n * @cssproperty --mdc-radio-control-inactive-pressed-color - color of the radio button when inactive and pressed\n * @cssproperty --mdc-radio-control-inactive-disabled-background - background color of the radio button when\n * inactive and disabled\n * @cssproperty --mdc-radio-control-active-color - color of the radio button when active\n * @cssproperty --mdc-radio-control-active-hover-color - color of the radio button when active and hovered\n * @cssproperty --mdc-radio-control-active-pressed-color - color of the radio button when active and pressed\n * @cssproperty --mdc-radio-control-active-disabled-background - background color of the radio button\n * when active and disabled\n *\n */",
|
5155
|
+
"customElement": true,
|
5156
|
+
"slots": [
|
5157
|
+
{
|
5158
|
+
"description": "slot to add the label info icon",
|
5159
|
+
"name": "label-info",
|
5160
|
+
"inheritedFrom": {
|
5161
|
+
"name": "FormfieldWrapper",
|
5162
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
5163
|
+
}
|
5164
|
+
}
|
5165
|
+
]
|
5166
|
+
}
|
5167
|
+
],
|
5168
|
+
"exports": [
|
5169
|
+
{
|
5170
|
+
"kind": "js",
|
5171
|
+
"name": "default",
|
5172
|
+
"declaration": {
|
5173
|
+
"name": "Radio",
|
5174
|
+
"module": "components/radio/radio.component.js"
|
5175
|
+
}
|
5176
|
+
}
|
5177
|
+
]
|
5178
|
+
},
|
4618
5179
|
{
|
4619
5180
|
"kind": "javascript-module",
|
4620
5181
|
"path": "components/text/text.component.js",
|