@momentum-design/components 0.62.4 → 0.63.0
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 +583 -583
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/package.json +1 -1
|
@@ -2600,22 +2600,22 @@
|
|
|
2600
2600
|
},
|
|
2601
2601
|
{
|
|
2602
2602
|
"kind": "javascript-module",
|
|
2603
|
-
"path": "components/
|
|
2603
|
+
"path": "components/buttonsimple/buttonsimple.component.js",
|
|
2604
2604
|
"declarations": [
|
|
2605
2605
|
{
|
|
2606
2606
|
"kind": "class",
|
|
2607
|
-
"description": "`mdc-
|
|
2608
|
-
"name": "
|
|
2607
|
+
"description": "`mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\nIt is used as an internal component and is not intended to be used directly by consumers.\nConsumers should use the `mdc-button` component instead.",
|
|
2608
|
+
"name": "Buttonsimple",
|
|
2609
2609
|
"members": [
|
|
2610
2610
|
{
|
|
2611
2611
|
"kind": "field",
|
|
2612
|
-
"name": "
|
|
2612
|
+
"name": "active",
|
|
2613
2613
|
"type": {
|
|
2614
|
-
"text": "
|
|
2614
|
+
"text": "boolean | undefined"
|
|
2615
2615
|
},
|
|
2616
|
-
"description": "
|
|
2617
|
-
"default": "
|
|
2618
|
-
"attribute": "
|
|
2616
|
+
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
2617
|
+
"default": "undefined",
|
|
2618
|
+
"attribute": "active",
|
|
2619
2619
|
"reflects": true
|
|
2620
2620
|
},
|
|
2621
2621
|
{
|
|
@@ -2624,173 +2624,165 @@
|
|
|
2624
2624
|
"type": {
|
|
2625
2625
|
"text": "boolean | undefined"
|
|
2626
2626
|
},
|
|
2627
|
-
"description": "Indicates whether the
|
|
2627
|
+
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
2628
2628
|
"default": "undefined",
|
|
2629
2629
|
"attribute": "soft-disabled",
|
|
2630
2630
|
"reflects": true
|
|
2631
2631
|
},
|
|
2632
|
-
{
|
|
2633
|
-
"kind": "method",
|
|
2634
|
-
"name": "setSoftDisabled",
|
|
2635
|
-
"privacy": "private",
|
|
2636
|
-
"parameters": [
|
|
2637
|
-
{
|
|
2638
|
-
"name": "element",
|
|
2639
|
-
"type": {
|
|
2640
|
-
"text": "HTMLElement"
|
|
2641
|
-
},
|
|
2642
|
-
"description": "The buttonlink element."
|
|
2643
|
-
},
|
|
2644
|
-
{
|
|
2645
|
-
"name": "softDisabled",
|
|
2646
|
-
"optional": true,
|
|
2647
|
-
"type": {
|
|
2648
|
-
"text": "boolean"
|
|
2649
|
-
},
|
|
2650
|
-
"description": "The soft-disabled state."
|
|
2651
|
-
}
|
|
2652
|
-
],
|
|
2653
|
-
"description": "Sets the soft-disabled attribute for the buttonlink.\nWhen soft-disabled, the buttonlink looks to be disabled but remains focusable and clickable.\nAlso sets/removes aria-disabled attribute."
|
|
2654
|
-
},
|
|
2655
2632
|
{
|
|
2656
2633
|
"kind": "field",
|
|
2657
|
-
"name": "
|
|
2634
|
+
"name": "size",
|
|
2658
2635
|
"type": {
|
|
2659
|
-
"text": "
|
|
2636
|
+
"text": "ButtonSize"
|
|
2660
2637
|
},
|
|
2661
|
-
"description": "
|
|
2662
|
-
"
|
|
2663
|
-
"
|
|
2664
|
-
"
|
|
2665
|
-
"name": "ButtonComponentMixin",
|
|
2666
|
-
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
2667
|
-
}
|
|
2638
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
2639
|
+
"default": "32",
|
|
2640
|
+
"attribute": "size",
|
|
2641
|
+
"reflects": true
|
|
2668
2642
|
},
|
|
2669
2643
|
{
|
|
2670
2644
|
"kind": "field",
|
|
2671
|
-
"name": "
|
|
2672
|
-
"
|
|
2673
|
-
|
|
2674
|
-
|
|
2675
|
-
"
|
|
2676
|
-
"attribute": "postfix-icon",
|
|
2677
|
-
"reflects": true,
|
|
2678
|
-
"inheritedFrom": {
|
|
2679
|
-
"name": "ButtonComponentMixin",
|
|
2680
|
-
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
2681
|
-
}
|
|
2645
|
+
"name": "role",
|
|
2646
|
+
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
2647
|
+
"default": "button",
|
|
2648
|
+
"attribute": "role",
|
|
2649
|
+
"reflects": true
|
|
2682
2650
|
},
|
|
2683
2651
|
{
|
|
2684
2652
|
"kind": "field",
|
|
2685
|
-
"name": "
|
|
2653
|
+
"name": "ariaStateKey",
|
|
2686
2654
|
"type": {
|
|
2687
|
-
"text": "
|
|
2655
|
+
"text": "string | undefined"
|
|
2688
2656
|
},
|
|
2689
|
-
"description": "
|
|
2690
|
-
"default": "
|
|
2691
|
-
"attribute": "
|
|
2692
|
-
"
|
|
2693
|
-
"name": "ButtonComponentMixin",
|
|
2694
|
-
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
2695
|
-
}
|
|
2657
|
+
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
2658
|
+
"default": "'aria-pressed' (when)",
|
|
2659
|
+
"attribute": "ariaStateKey",
|
|
2660
|
+
"reflects": true
|
|
2696
2661
|
},
|
|
2697
2662
|
{
|
|
2698
2663
|
"kind": "field",
|
|
2699
|
-
"name": "
|
|
2664
|
+
"name": "type",
|
|
2700
2665
|
"type": {
|
|
2701
|
-
"text": "
|
|
2666
|
+
"text": "ButtonType"
|
|
2702
2667
|
},
|
|
2703
|
-
"description": "
|
|
2704
|
-
"default": "
|
|
2705
|
-
"attribute": "
|
|
2706
|
-
"
|
|
2707
|
-
"name": "ButtonComponentMixin",
|
|
2708
|
-
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
2709
|
-
}
|
|
2668
|
+
"description": "This property defines the type attribute for the button element.\nThe type attribute specifies the behavior of the button when it is clicked.\n- **submit**: The button submits the form data to the server.\n- **reset**: The button resets the form data to its initial state.\n- **button**: The button does nothing when clicked.",
|
|
2669
|
+
"default": "button",
|
|
2670
|
+
"attribute": "type",
|
|
2671
|
+
"reflects": true
|
|
2710
2672
|
},
|
|
2711
2673
|
{
|
|
2712
2674
|
"kind": "method",
|
|
2713
|
-
"name": "
|
|
2675
|
+
"name": "executeAction",
|
|
2676
|
+
"privacy": "protected"
|
|
2677
|
+
},
|
|
2678
|
+
{
|
|
2679
|
+
"kind": "method",
|
|
2680
|
+
"name": "setActive",
|
|
2681
|
+
"privacy": "protected",
|
|
2714
2682
|
"parameters": [
|
|
2715
2683
|
{
|
|
2716
|
-
"name": "
|
|
2684
|
+
"name": "element",
|
|
2717
2685
|
"type": {
|
|
2718
|
-
"text": "
|
|
2686
|
+
"text": "HTMLElement"
|
|
2719
2687
|
},
|
|
2720
|
-
"description": "The
|
|
2688
|
+
"description": "The button element"
|
|
2689
|
+
},
|
|
2690
|
+
{
|
|
2691
|
+
"name": "active",
|
|
2692
|
+
"optional": true,
|
|
2693
|
+
"type": {
|
|
2694
|
+
"text": "boolean"
|
|
2695
|
+
},
|
|
2696
|
+
"description": "The active state of the element"
|
|
2721
2697
|
}
|
|
2722
2698
|
],
|
|
2723
|
-
"description": "Sets the
|
|
2724
|
-
"inheritedFrom": {
|
|
2725
|
-
"name": "ButtonComponentMixin",
|
|
2726
|
-
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
2727
|
-
}
|
|
2699
|
+
"description": "Sets the ariaStateKey attributes based on the active state of the button."
|
|
2728
2700
|
},
|
|
2729
2701
|
{
|
|
2730
2702
|
"kind": "method",
|
|
2731
|
-
"name": "
|
|
2703
|
+
"name": "setSoftDisabled",
|
|
2704
|
+
"privacy": "private",
|
|
2732
2705
|
"parameters": [
|
|
2733
2706
|
{
|
|
2734
|
-
"name": "
|
|
2707
|
+
"name": "element",
|
|
2735
2708
|
"type": {
|
|
2736
|
-
"text": "
|
|
2709
|
+
"text": "HTMLElement"
|
|
2737
2710
|
},
|
|
2738
|
-
"description": "The
|
|
2711
|
+
"description": "The button element."
|
|
2712
|
+
},
|
|
2713
|
+
{
|
|
2714
|
+
"name": "softDisabled",
|
|
2715
|
+
"optional": true,
|
|
2716
|
+
"type": {
|
|
2717
|
+
"text": "boolean"
|
|
2718
|
+
},
|
|
2719
|
+
"description": "The soft-disabled state."
|
|
2739
2720
|
}
|
|
2740
2721
|
],
|
|
2741
|
-
"description": "Sets the
|
|
2742
|
-
"inheritedFrom": {
|
|
2743
|
-
"name": "ButtonComponentMixin",
|
|
2744
|
-
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
2745
|
-
}
|
|
2722
|
+
"description": "Sets the soft-disabled attribute for the button.\nWhen soft-disabled, the button looks to be disabled but remains focusable and clickable.\nAlso sets/removes aria-disabled attribute."
|
|
2746
2723
|
},
|
|
2747
2724
|
{
|
|
2748
2725
|
"kind": "method",
|
|
2749
|
-
"name": "
|
|
2726
|
+
"name": "setDisabled",
|
|
2727
|
+
"privacy": "private",
|
|
2750
2728
|
"parameters": [
|
|
2751
2729
|
{
|
|
2752
|
-
"name": "
|
|
2730
|
+
"name": "element",
|
|
2753
2731
|
"type": {
|
|
2754
|
-
"text": "
|
|
2732
|
+
"text": "HTMLElement"
|
|
2755
2733
|
},
|
|
2756
|
-
"description": "The
|
|
2734
|
+
"description": "The button element."
|
|
2735
|
+
},
|
|
2736
|
+
{
|
|
2737
|
+
"name": "disabled",
|
|
2738
|
+
"type": {
|
|
2739
|
+
"text": "boolean"
|
|
2740
|
+
},
|
|
2741
|
+
"description": "The disabled state."
|
|
2757
2742
|
}
|
|
2758
2743
|
],
|
|
2759
|
-
"description": "Sets the
|
|
2760
|
-
"inheritedFrom": {
|
|
2761
|
-
"name": "ButtonComponentMixin",
|
|
2762
|
-
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
2763
|
-
}
|
|
2744
|
+
"description": "Sets the disabled attribute for the button.\nWhen disabled, the button is not focusable or clickable, and tabindex is set to -1.\nThe previous tabindex is stored and restored when enabled.\nAlso sets/removes aria-disabled attribute."
|
|
2764
2745
|
},
|
|
2765
2746
|
{
|
|
2766
2747
|
"kind": "method",
|
|
2767
|
-
"name": "
|
|
2768
|
-
"
|
|
2748
|
+
"name": "triggerClickEvent",
|
|
2749
|
+
"privacy": "private"
|
|
2750
|
+
},
|
|
2751
|
+
{
|
|
2752
|
+
"kind": "method",
|
|
2753
|
+
"name": "handleBlur",
|
|
2754
|
+
"privacy": "private",
|
|
2755
|
+
"description": "In case the button is pressed and the focus is lost while pressing,\nthe pressed class is removed."
|
|
2756
|
+
},
|
|
2757
|
+
{
|
|
2758
|
+
"kind": "method",
|
|
2759
|
+
"name": "handleKeyDown",
|
|
2760
|
+
"privacy": "private",
|
|
2769
2761
|
"parameters": [
|
|
2770
2762
|
{
|
|
2771
|
-
"
|
|
2772
|
-
"
|
|
2763
|
+
"name": "event",
|
|
2764
|
+
"type": {
|
|
2765
|
+
"text": "KeyboardEvent"
|
|
2766
|
+
},
|
|
2767
|
+
"description": "The keyboard event."
|
|
2773
2768
|
}
|
|
2774
2769
|
],
|
|
2775
|
-
"
|
|
2776
|
-
"name": "ButtonComponentMixin",
|
|
2777
|
-
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
2778
|
-
}
|
|
2770
|
+
"description": "Handles the keydown event on the button.\nIf the key is 'Enter' or 'Space', the button is pressed.\nIf the key is 'Enter', the button is pressed. The native HTML button works in the same way.\nIf the key is 'Space', the button's default is prevent to avoid scrolling etc in the host application."
|
|
2779
2771
|
},
|
|
2780
2772
|
{
|
|
2781
|
-
"kind": "
|
|
2782
|
-
"name": "
|
|
2783
|
-
"
|
|
2784
|
-
|
|
2785
|
-
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
-
|
|
2792
|
-
|
|
2793
|
-
|
|
2773
|
+
"kind": "method",
|
|
2774
|
+
"name": "handleKeyUp",
|
|
2775
|
+
"privacy": "private",
|
|
2776
|
+
"parameters": [
|
|
2777
|
+
{
|
|
2778
|
+
"name": "event",
|
|
2779
|
+
"type": {
|
|
2780
|
+
"text": "KeyboardEvent"
|
|
2781
|
+
},
|
|
2782
|
+
"description": "The keyboard event."
|
|
2783
|
+
}
|
|
2784
|
+
],
|
|
2785
|
+
"description": "Handles the keyup event on the button.\nIf the key is 'Enter' or 'Space', the button is clicked.\nIf the key is 'Space', the button is pressed. The native HTML button works in the same way."
|
|
2794
2786
|
},
|
|
2795
2787
|
{
|
|
2796
2788
|
"kind": "field",
|
|
@@ -2809,740 +2801,748 @@
|
|
|
2809
2801
|
},
|
|
2810
2802
|
{
|
|
2811
2803
|
"kind": "field",
|
|
2812
|
-
"name": "
|
|
2804
|
+
"name": "disabled",
|
|
2813
2805
|
"type": {
|
|
2814
|
-
"text": "boolean"
|
|
2806
|
+
"text": "boolean | undefined"
|
|
2815
2807
|
},
|
|
2816
|
-
"description": "
|
|
2817
|
-
"default": "
|
|
2818
|
-
"attribute": "
|
|
2808
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
2809
|
+
"default": "undefined",
|
|
2810
|
+
"attribute": "disabled",
|
|
2819
2811
|
"reflects": true,
|
|
2820
2812
|
"inheritedFrom": {
|
|
2821
|
-
"name": "
|
|
2822
|
-
"module": "
|
|
2813
|
+
"name": "DisabledMixin",
|
|
2814
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
2823
2815
|
}
|
|
2816
|
+
}
|
|
2817
|
+
],
|
|
2818
|
+
"events": [
|
|
2819
|
+
{
|
|
2820
|
+
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
|
2821
|
+
"name": "click",
|
|
2822
|
+
"reactName": "onClick"
|
|
2824
2823
|
},
|
|
2825
2824
|
{
|
|
2826
|
-
"
|
|
2827
|
-
"name": "
|
|
2828
|
-
"
|
|
2829
|
-
"text": "boolean"
|
|
2830
|
-
},
|
|
2831
|
-
"description": "The link color can be inverted by setting the inverted attribute to true.",
|
|
2832
|
-
"default": "false",
|
|
2833
|
-
"attribute": "inverted",
|
|
2834
|
-
"reflects": true,
|
|
2835
|
-
"inheritedFrom": {
|
|
2836
|
-
"name": "Linksimple",
|
|
2837
|
-
"module": "components/linksimple/linksimple.component.js"
|
|
2838
|
-
}
|
|
2825
|
+
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
|
|
2826
|
+
"name": "keydown",
|
|
2827
|
+
"reactName": "onKeyDown"
|
|
2839
2828
|
},
|
|
2840
2829
|
{
|
|
2841
|
-
"
|
|
2842
|
-
"name": "
|
|
2830
|
+
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
2831
|
+
"name": "keyup",
|
|
2832
|
+
"reactName": "onKeyUp"
|
|
2833
|
+
},
|
|
2834
|
+
{
|
|
2835
|
+
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
|
2836
|
+
"name": "focus",
|
|
2837
|
+
"reactName": "onFocus"
|
|
2838
|
+
}
|
|
2839
|
+
],
|
|
2840
|
+
"attributes": [
|
|
2841
|
+
{
|
|
2842
|
+
"name": "active",
|
|
2843
2843
|
"type": {
|
|
2844
|
-
"text": "
|
|
2844
|
+
"text": "boolean | undefined"
|
|
2845
2845
|
},
|
|
2846
|
-
"
|
|
2847
|
-
"
|
|
2848
|
-
"
|
|
2849
|
-
"reflects": true,
|
|
2850
|
-
"inheritedFrom": {
|
|
2851
|
-
"name": "Linksimple",
|
|
2852
|
-
"module": "components/linksimple/linksimple.component.js"
|
|
2853
|
-
}
|
|
2846
|
+
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
2847
|
+
"default": "undefined",
|
|
2848
|
+
"fieldName": "active"
|
|
2854
2849
|
},
|
|
2855
2850
|
{
|
|
2856
|
-
"
|
|
2857
|
-
"name": "target",
|
|
2851
|
+
"name": "soft-disabled",
|
|
2858
2852
|
"type": {
|
|
2859
|
-
"text": "
|
|
2853
|
+
"text": "boolean | undefined"
|
|
2860
2854
|
},
|
|
2861
|
-
"
|
|
2862
|
-
"
|
|
2863
|
-
"
|
|
2864
|
-
"reflects": true,
|
|
2865
|
-
"inheritedFrom": {
|
|
2866
|
-
"name": "Linksimple",
|
|
2867
|
-
"module": "components/linksimple/linksimple.component.js"
|
|
2868
|
-
}
|
|
2855
|
+
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
2856
|
+
"default": "undefined",
|
|
2857
|
+
"fieldName": "softDisabled"
|
|
2869
2858
|
},
|
|
2870
2859
|
{
|
|
2871
|
-
"
|
|
2872
|
-
"name": "rel",
|
|
2860
|
+
"name": "size",
|
|
2873
2861
|
"type": {
|
|
2874
|
-
"text": "
|
|
2862
|
+
"text": "ButtonSize"
|
|
2875
2863
|
},
|
|
2876
|
-
"description": "
|
|
2877
|
-
"
|
|
2878
|
-
"
|
|
2879
|
-
"inheritedFrom": {
|
|
2880
|
-
"name": "Linksimple",
|
|
2881
|
-
"module": "components/linksimple/linksimple.component.js"
|
|
2882
|
-
}
|
|
2864
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
2865
|
+
"default": "32",
|
|
2866
|
+
"fieldName": "size"
|
|
2883
2867
|
},
|
|
2884
2868
|
{
|
|
2885
|
-
"
|
|
2886
|
-
"
|
|
2887
|
-
"
|
|
2888
|
-
"
|
|
2889
|
-
"name": "Linksimple",
|
|
2890
|
-
"module": "components/linksimple/linksimple.component.js"
|
|
2891
|
-
}
|
|
2869
|
+
"name": "role",
|
|
2870
|
+
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
2871
|
+
"default": "button",
|
|
2872
|
+
"fieldName": "role"
|
|
2892
2873
|
},
|
|
2893
2874
|
{
|
|
2894
|
-
"
|
|
2895
|
-
"
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
},
|
|
2903
|
-
"description": "Whether the element should be disabled"
|
|
2904
|
-
}
|
|
2905
|
-
],
|
|
2906
|
-
"description": "Sets or removes `aria-disabled` and updates `tabIndex` to reflect\nthe disabled state. When disabled, the element becomes unfocusable;\nwhen enabled, the previous `tabIndex` is restored.",
|
|
2907
|
-
"inheritedFrom": {
|
|
2908
|
-
"name": "Linksimple",
|
|
2909
|
-
"module": "components/linksimple/linksimple.component.js"
|
|
2910
|
-
}
|
|
2911
|
-
}
|
|
2912
|
-
],
|
|
2913
|
-
"events": [
|
|
2875
|
+
"name": "ariaStateKey",
|
|
2876
|
+
"type": {
|
|
2877
|
+
"text": "string | undefined"
|
|
2878
|
+
},
|
|
2879
|
+
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
2880
|
+
"default": "'aria-pressed' (when)",
|
|
2881
|
+
"fieldName": "ariaStateKey"
|
|
2882
|
+
},
|
|
2914
2883
|
{
|
|
2915
|
-
"
|
|
2916
|
-
"
|
|
2917
|
-
|
|
2918
|
-
|
|
2919
|
-
|
|
2920
|
-
|
|
2921
|
-
|
|
2884
|
+
"name": "type",
|
|
2885
|
+
"type": {
|
|
2886
|
+
"text": "ButtonType"
|
|
2887
|
+
},
|
|
2888
|
+
"description": "This property defines the type attribute for the button element.\nThe type attribute specifies the behavior of the button when it is clicked.\n- **submit**: The button submits the form data to the server.\n- **reset**: The button resets the form data to its initial state.\n- **button**: The button does nothing when clicked.",
|
|
2889
|
+
"default": "button",
|
|
2890
|
+
"fieldName": "type"
|
|
2922
2891
|
},
|
|
2923
2892
|
{
|
|
2924
|
-
"
|
|
2925
|
-
"
|
|
2926
|
-
|
|
2893
|
+
"name": "tabIndex",
|
|
2894
|
+
"type": {
|
|
2895
|
+
"text": "number"
|
|
2896
|
+
},
|
|
2897
|
+
"default": "0",
|
|
2898
|
+
"description": "This property specifies the tab order of the element.",
|
|
2899
|
+
"fieldName": "tabIndex",
|
|
2927
2900
|
"inheritedFrom": {
|
|
2928
|
-
"name": "
|
|
2929
|
-
"module": "src/
|
|
2901
|
+
"name": "TabIndexMixin",
|
|
2902
|
+
"module": "src/utils/mixins/TabIndexMixin.ts"
|
|
2930
2903
|
}
|
|
2931
2904
|
},
|
|
2932
2905
|
{
|
|
2933
|
-
"
|
|
2934
|
-
"
|
|
2935
|
-
|
|
2906
|
+
"name": "disabled",
|
|
2907
|
+
"type": {
|
|
2908
|
+
"text": "boolean | undefined"
|
|
2909
|
+
},
|
|
2910
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
2911
|
+
"default": "undefined",
|
|
2912
|
+
"fieldName": "disabled",
|
|
2936
2913
|
"inheritedFrom": {
|
|
2937
|
-
"name": "
|
|
2938
|
-
"module": "src/
|
|
2914
|
+
"name": "DisabledMixin",
|
|
2915
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
2939
2916
|
}
|
|
2917
|
+
}
|
|
2918
|
+
],
|
|
2919
|
+
"mixins": [
|
|
2920
|
+
{
|
|
2921
|
+
"name": "TabIndexMixin",
|
|
2922
|
+
"module": "/src/utils/mixins/TabIndexMixin"
|
|
2940
2923
|
},
|
|
2941
2924
|
{
|
|
2942
|
-
"
|
|
2943
|
-
"
|
|
2944
|
-
"reactName": "onBlur",
|
|
2945
|
-
"inheritedFrom": {
|
|
2946
|
-
"name": "Linksimple",
|
|
2947
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
2948
|
-
}
|
|
2925
|
+
"name": "DisabledMixin",
|
|
2926
|
+
"module": "/src/utils/mixins/DisabledMixin"
|
|
2949
2927
|
}
|
|
2950
2928
|
],
|
|
2951
|
-
"
|
|
2929
|
+
"superclass": {
|
|
2930
|
+
"name": "Component",
|
|
2931
|
+
"module": "/src/models"
|
|
2932
|
+
},
|
|
2933
|
+
"tagName": "mdc-buttonsimple",
|
|
2934
|
+
"jsDoc": "/**\n * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\n * It is used as an internal component and is not intended to be used directly by consumers.\n * Consumers should use the `mdc-button` component instead.\n *\n * @event click - (React: onClick) This event is dispatched when the button is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the button.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the button.\n * @event focus - (React: onFocus) This event is dispatched when the button receives focus.\n *\n * @tagname mdc-buttonsimple\n */",
|
|
2935
|
+
"customElement": true
|
|
2936
|
+
}
|
|
2937
|
+
],
|
|
2938
|
+
"exports": [
|
|
2939
|
+
{
|
|
2940
|
+
"kind": "js",
|
|
2941
|
+
"name": "default",
|
|
2942
|
+
"declaration": {
|
|
2943
|
+
"name": "Buttonsimple",
|
|
2944
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
2945
|
+
}
|
|
2946
|
+
}
|
|
2947
|
+
]
|
|
2948
|
+
},
|
|
2949
|
+
{
|
|
2950
|
+
"kind": "javascript-module",
|
|
2951
|
+
"path": "components/buttonlink/buttonlink.component.js",
|
|
2952
|
+
"declarations": [
|
|
2953
|
+
{
|
|
2954
|
+
"kind": "class",
|
|
2955
|
+
"description": "`mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural\nfeatures of `mdc-button`. This includes support for variants, sizing, and optional\nprefix and postfix icons via slots.\n\n### Features:\n- Behaves like an link while visually resembling a button.\n- Supports slots for `prefix-icon` and `postfix-icon`.\n- Customizable size, color, and variant through attributes.\n- Inherits accessibility and keyboard interaction support from `mdc-linksimple`.",
|
|
2956
|
+
"name": "ButtonLink",
|
|
2957
|
+
"members": [
|
|
2952
2958
|
{
|
|
2959
|
+
"kind": "field",
|
|
2953
2960
|
"name": "size",
|
|
2954
2961
|
"type": {
|
|
2955
2962
|
"text": "PillButtonSize | IconButtonSize"
|
|
2956
2963
|
},
|
|
2957
2964
|
"description": "ButtonLink sizing is based on the buttonlink type.\n - **Pill buttonlink**: 40, 32, 28, 24.\n - **Icon buttonlink**: 64, 52, 40, 32, 28, 24.\n - Tertiary icon buttonlink can also be 20.",
|
|
2958
2965
|
"default": "32",
|
|
2959
|
-
"
|
|
2966
|
+
"attribute": "size",
|
|
2967
|
+
"reflects": true
|
|
2960
2968
|
},
|
|
2961
2969
|
{
|
|
2962
|
-
"
|
|
2970
|
+
"kind": "field",
|
|
2971
|
+
"name": "softDisabled",
|
|
2963
2972
|
"type": {
|
|
2964
2973
|
"text": "boolean | undefined"
|
|
2965
2974
|
},
|
|
2966
2975
|
"description": "Indicates whether the buttonlink is soft disabled.\nWhen set to `true`, the buttonlink appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe buttonlink behaves like a disabled buttonlink, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
2967
2976
|
"default": "undefined",
|
|
2968
|
-
"
|
|
2977
|
+
"attribute": "soft-disabled",
|
|
2978
|
+
"reflects": true
|
|
2969
2979
|
},
|
|
2970
2980
|
{
|
|
2971
|
-
"
|
|
2981
|
+
"kind": "method",
|
|
2982
|
+
"name": "setSoftDisabled",
|
|
2983
|
+
"privacy": "private",
|
|
2984
|
+
"parameters": [
|
|
2985
|
+
{
|
|
2986
|
+
"name": "element",
|
|
2987
|
+
"type": {
|
|
2988
|
+
"text": "HTMLElement"
|
|
2989
|
+
},
|
|
2990
|
+
"description": "The buttonlink element."
|
|
2991
|
+
},
|
|
2992
|
+
{
|
|
2993
|
+
"name": "softDisabled",
|
|
2994
|
+
"optional": true,
|
|
2995
|
+
"type": {
|
|
2996
|
+
"text": "boolean"
|
|
2997
|
+
},
|
|
2998
|
+
"description": "The soft-disabled state."
|
|
2999
|
+
}
|
|
3000
|
+
],
|
|
3001
|
+
"description": "Sets the soft-disabled attribute for the buttonlink.\nWhen soft-disabled, the buttonlink looks to be disabled but remains focusable and clickable.\nAlso sets/removes aria-disabled attribute."
|
|
3002
|
+
},
|
|
3003
|
+
{
|
|
3004
|
+
"kind": "field",
|
|
3005
|
+
"name": "prefixIcon",
|
|
2972
3006
|
"type": {
|
|
2973
3007
|
"text": "IconNames | undefined"
|
|
2974
3008
|
},
|
|
2975
3009
|
"description": "The name of the icon to display as a prefix.\nThe icon is displayed on the left side of the button.",
|
|
2976
|
-
"
|
|
3010
|
+
"attribute": "prefix-icon",
|
|
3011
|
+
"reflects": true,
|
|
2977
3012
|
"inheritedFrom": {
|
|
2978
3013
|
"name": "ButtonComponentMixin",
|
|
2979
|
-
"module": "
|
|
3014
|
+
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
2980
3015
|
}
|
|
2981
3016
|
},
|
|
2982
3017
|
{
|
|
2983
|
-
"
|
|
3018
|
+
"kind": "field",
|
|
3019
|
+
"name": "postfixIcon",
|
|
2984
3020
|
"type": {
|
|
2985
3021
|
"text": "IconNames | undefined"
|
|
2986
3022
|
},
|
|
2987
3023
|
"description": "The name of the icon to display as a postfix.\nThe icon is displayed on the right side of the button.",
|
|
2988
|
-
"
|
|
3024
|
+
"attribute": "postfix-icon",
|
|
3025
|
+
"reflects": true,
|
|
2989
3026
|
"inheritedFrom": {
|
|
2990
3027
|
"name": "ButtonComponentMixin",
|
|
2991
|
-
"module": "
|
|
3028
|
+
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
2992
3029
|
}
|
|
2993
3030
|
},
|
|
2994
3031
|
{
|
|
3032
|
+
"kind": "field",
|
|
2995
3033
|
"name": "variant",
|
|
2996
3034
|
"type": {
|
|
2997
3035
|
"text": "ButtonVariant"
|
|
2998
3036
|
},
|
|
2999
3037
|
"description": "There are 3 variants of button: primary, secondary, tertiary. They are styled differently.\n- **Primary**: Solid background color.\n- **Secondary**: Transparent background with a solid border.\n- **Tertiary**: No background or border, appears as plain text but retains all button functionalities.",
|
|
3000
3038
|
"default": "primary",
|
|
3001
|
-
"
|
|
3039
|
+
"attribute": "variant",
|
|
3002
3040
|
"inheritedFrom": {
|
|
3003
3041
|
"name": "ButtonComponentMixin",
|
|
3004
|
-
"module": "
|
|
3042
|
+
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
3005
3043
|
}
|
|
3006
3044
|
},
|
|
3007
3045
|
{
|
|
3046
|
+
"kind": "field",
|
|
3008
3047
|
"name": "color",
|
|
3009
3048
|
"type": {
|
|
3010
3049
|
"text": "ButtonColor"
|
|
3011
3050
|
},
|
|
3012
3051
|
"description": "There are 5 colors for button: positive, negative, accent, promotional, default.",
|
|
3013
3052
|
"default": "default",
|
|
3014
|
-
"
|
|
3053
|
+
"attribute": "color",
|
|
3015
3054
|
"inheritedFrom": {
|
|
3016
3055
|
"name": "ButtonComponentMixin",
|
|
3017
|
-
"module": "
|
|
3056
|
+
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
3018
3057
|
}
|
|
3019
3058
|
},
|
|
3020
3059
|
{
|
|
3021
|
-
"
|
|
3022
|
-
"
|
|
3023
|
-
|
|
3060
|
+
"kind": "method",
|
|
3061
|
+
"name": "setVariant",
|
|
3062
|
+
"parameters": [
|
|
3063
|
+
{
|
|
3064
|
+
"name": "variant",
|
|
3065
|
+
"type": {
|
|
3066
|
+
"text": "ButtonVariant"
|
|
3067
|
+
},
|
|
3068
|
+
"description": "The variant to set."
|
|
3069
|
+
}
|
|
3070
|
+
],
|
|
3071
|
+
"description": "Sets the variant attribute for the button component.\nIf the provided variant is not included in the BUTTON_VARIANTS,\nit defaults to the value specified in DEFAULTS.VARIANT.",
|
|
3072
|
+
"inheritedFrom": {
|
|
3073
|
+
"name": "ButtonComponentMixin",
|
|
3074
|
+
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
3075
|
+
}
|
|
3076
|
+
},
|
|
3077
|
+
{
|
|
3078
|
+
"kind": "method",
|
|
3079
|
+
"name": "setColor",
|
|
3080
|
+
"parameters": [
|
|
3081
|
+
{
|
|
3082
|
+
"name": "color",
|
|
3083
|
+
"type": {
|
|
3084
|
+
"text": "ButtonColor"
|
|
3085
|
+
},
|
|
3086
|
+
"description": "The color to set."
|
|
3087
|
+
}
|
|
3088
|
+
],
|
|
3089
|
+
"description": "Sets the color attribute for the button.\nDefaults to DEFAULTS.COLOR if invalid or for tertiary button.",
|
|
3090
|
+
"inheritedFrom": {
|
|
3091
|
+
"name": "ButtonComponentMixin",
|
|
3092
|
+
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
3093
|
+
}
|
|
3094
|
+
},
|
|
3095
|
+
{
|
|
3096
|
+
"kind": "method",
|
|
3097
|
+
"name": "setSize",
|
|
3098
|
+
"parameters": [
|
|
3099
|
+
{
|
|
3100
|
+
"name": "size",
|
|
3101
|
+
"type": {
|
|
3102
|
+
"text": "PillButtonSize | IconButtonSize"
|
|
3103
|
+
},
|
|
3104
|
+
"description": "The size to set."
|
|
3105
|
+
}
|
|
3106
|
+
],
|
|
3107
|
+
"description": "Sets the size attribute for the button component.\nValidates the size based on the button type (icon, pill, or tertiary).\nDefaults to DEFAULTS.SIZE if invalid.",
|
|
3108
|
+
"inheritedFrom": {
|
|
3109
|
+
"name": "ButtonComponentMixin",
|
|
3110
|
+
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
3111
|
+
}
|
|
3112
|
+
},
|
|
3113
|
+
{
|
|
3114
|
+
"kind": "method",
|
|
3115
|
+
"name": "inferButtonType",
|
|
3116
|
+
"description": "Infers the type of button based on the presence of slot and/or prefix and postfix icons.",
|
|
3117
|
+
"parameters": [
|
|
3118
|
+
{
|
|
3119
|
+
"description": "default slot of button",
|
|
3120
|
+
"name": "slot"
|
|
3121
|
+
}
|
|
3122
|
+
],
|
|
3123
|
+
"inheritedFrom": {
|
|
3124
|
+
"name": "ButtonComponentMixin",
|
|
3125
|
+
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
3126
|
+
}
|
|
3127
|
+
},
|
|
3128
|
+
{
|
|
3129
|
+
"kind": "field",
|
|
3130
|
+
"name": "disabled",
|
|
3131
|
+
"type": {
|
|
3132
|
+
"text": "boolean | undefined"
|
|
3024
3133
|
},
|
|
3025
3134
|
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
3026
3135
|
"default": "undefined",
|
|
3027
|
-
"
|
|
3136
|
+
"attribute": "disabled",
|
|
3137
|
+
"reflects": true,
|
|
3028
3138
|
"inheritedFrom": {
|
|
3029
3139
|
"name": "DisabledMixin",
|
|
3030
|
-
"module": "
|
|
3140
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
3031
3141
|
}
|
|
3032
3142
|
},
|
|
3033
3143
|
{
|
|
3144
|
+
"kind": "field",
|
|
3034
3145
|
"name": "tabIndex",
|
|
3035
3146
|
"type": {
|
|
3036
3147
|
"text": "number"
|
|
3037
3148
|
},
|
|
3038
3149
|
"default": "0",
|
|
3039
3150
|
"description": "This property specifies the tab order of the element.",
|
|
3040
|
-
"
|
|
3151
|
+
"attribute": "tabIndex",
|
|
3152
|
+
"reflects": true,
|
|
3041
3153
|
"inheritedFrom": {
|
|
3042
3154
|
"name": "TabIndexMixin",
|
|
3043
|
-
"module": "
|
|
3155
|
+
"module": "utils/mixins/TabIndexMixin.js"
|
|
3044
3156
|
}
|
|
3045
3157
|
},
|
|
3046
3158
|
{
|
|
3159
|
+
"kind": "field",
|
|
3047
3160
|
"name": "inline",
|
|
3048
3161
|
"type": {
|
|
3049
3162
|
"text": "boolean"
|
|
3050
3163
|
},
|
|
3051
3164
|
"description": "The link can be inline or standalone.",
|
|
3052
3165
|
"default": "false",
|
|
3053
|
-
"
|
|
3166
|
+
"attribute": "inline",
|
|
3167
|
+
"reflects": true,
|
|
3054
3168
|
"inheritedFrom": {
|
|
3055
3169
|
"name": "Linksimple",
|
|
3056
|
-
"module": "
|
|
3170
|
+
"module": "components/linksimple/linksimple.component.js"
|
|
3057
3171
|
}
|
|
3058
3172
|
},
|
|
3059
3173
|
{
|
|
3174
|
+
"kind": "field",
|
|
3060
3175
|
"name": "inverted",
|
|
3061
3176
|
"type": {
|
|
3062
3177
|
"text": "boolean"
|
|
3063
3178
|
},
|
|
3064
3179
|
"description": "The link color can be inverted by setting the inverted attribute to true.",
|
|
3065
3180
|
"default": "false",
|
|
3066
|
-
"
|
|
3181
|
+
"attribute": "inverted",
|
|
3182
|
+
"reflects": true,
|
|
3067
3183
|
"inheritedFrom": {
|
|
3068
3184
|
"name": "Linksimple",
|
|
3069
|
-
"module": "
|
|
3185
|
+
"module": "components/linksimple/linksimple.component.js"
|
|
3070
3186
|
}
|
|
3071
3187
|
},
|
|
3072
3188
|
{
|
|
3189
|
+
"kind": "field",
|
|
3073
3190
|
"name": "href",
|
|
3074
3191
|
"type": {
|
|
3075
3192
|
"text": "string"
|
|
3076
3193
|
},
|
|
3077
3194
|
"default": "'#'",
|
|
3078
3195
|
"description": "Href for navigation. The URL that the hyperlink points to",
|
|
3079
|
-
"
|
|
3196
|
+
"attribute": "href",
|
|
3197
|
+
"reflects": true,
|
|
3080
3198
|
"inheritedFrom": {
|
|
3081
3199
|
"name": "Linksimple",
|
|
3082
|
-
"module": "
|
|
3200
|
+
"module": "components/linksimple/linksimple.component.js"
|
|
3083
3201
|
}
|
|
3084
3202
|
},
|
|
3085
3203
|
{
|
|
3204
|
+
"kind": "field",
|
|
3086
3205
|
"name": "target",
|
|
3087
3206
|
"type": {
|
|
3088
3207
|
"text": "string"
|
|
3089
3208
|
},
|
|
3090
3209
|
"default": "'_self'",
|
|
3091
3210
|
"description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
|
|
3092
|
-
"
|
|
3211
|
+
"attribute": "target",
|
|
3212
|
+
"reflects": true,
|
|
3093
3213
|
"inheritedFrom": {
|
|
3094
3214
|
"name": "Linksimple",
|
|
3095
|
-
"module": "
|
|
3215
|
+
"module": "components/linksimple/linksimple.component.js"
|
|
3096
3216
|
}
|
|
3097
3217
|
},
|
|
3098
3218
|
{
|
|
3219
|
+
"kind": "field",
|
|
3099
3220
|
"name": "rel",
|
|
3100
3221
|
"type": {
|
|
3101
3222
|
"text": "string | undefined"
|
|
3102
3223
|
},
|
|
3103
3224
|
"description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
|
|
3104
|
-
"
|
|
3105
|
-
"
|
|
3106
|
-
"name": "Linksimple",
|
|
3107
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3108
|
-
}
|
|
3109
|
-
}
|
|
3110
|
-
],
|
|
3111
|
-
"mixins": [
|
|
3112
|
-
{
|
|
3113
|
-
"name": "ButtonComponentMixin",
|
|
3114
|
-
"module": "/src/utils/mixins/ButtonComponentMixin"
|
|
3115
|
-
}
|
|
3116
|
-
],
|
|
3117
|
-
"superclass": {
|
|
3118
|
-
"name": "Linksimple",
|
|
3119
|
-
"module": "/src/components/linksimple/linksimple.component"
|
|
3120
|
-
},
|
|
3121
|
-
"tagName": "mdc-buttonlink",
|
|
3122
|
-
"jsDoc": "/**\n * `mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural\n * features of `mdc-button`. This includes support for variants, sizing, and optional\n * prefix and postfix icons via slots.\n *\n * ### Features:\n * - Behaves like an link while visually resembling a button.\n * - Supports slots for `prefix-icon` and `postfix-icon`.\n * - Customizable size, color, and variant through attributes.\n * - Inherits accessibility and keyboard interaction support from `mdc-linksimple`.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-buttonlink\n *\n * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.\n * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.\n * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.\n * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.\n *\n */",
|
|
3123
|
-
"customElement": true,
|
|
3124
|
-
"cssProperties": [
|
|
3125
|
-
{
|
|
3126
|
-
"description": "Border radius of the link.",
|
|
3127
|
-
"name": "--mdc-link-border-radius",
|
|
3128
|
-
"inheritedFrom": {
|
|
3129
|
-
"name": "Linksimple",
|
|
3130
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3131
|
-
}
|
|
3132
|
-
},
|
|
3133
|
-
{
|
|
3134
|
-
"description": "Color of the link’s child content in the active state.",
|
|
3135
|
-
"name": "--mdc-link-color-active",
|
|
3136
|
-
"inheritedFrom": {
|
|
3137
|
-
"name": "Linksimple",
|
|
3138
|
-
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3139
|
-
}
|
|
3140
|
-
},
|
|
3141
|
-
{
|
|
3142
|
-
"description": "Color of the link’s child content in the disabled state.",
|
|
3143
|
-
"name": "--mdc-link-color-disabled",
|
|
3225
|
+
"attribute": "rel",
|
|
3226
|
+
"reflects": true,
|
|
3144
3227
|
"inheritedFrom": {
|
|
3145
3228
|
"name": "Linksimple",
|
|
3146
|
-
"module": "
|
|
3229
|
+
"module": "components/linksimple/linksimple.component.js"
|
|
3147
3230
|
}
|
|
3148
3231
|
},
|
|
3149
3232
|
{
|
|
3150
|
-
"
|
|
3151
|
-
"name": "
|
|
3233
|
+
"kind": "field",
|
|
3234
|
+
"name": "handleNavigation",
|
|
3235
|
+
"privacy": "private",
|
|
3152
3236
|
"inheritedFrom": {
|
|
3153
3237
|
"name": "Linksimple",
|
|
3154
|
-
"module": "
|
|
3238
|
+
"module": "components/linksimple/linksimple.component.js"
|
|
3155
3239
|
}
|
|
3156
3240
|
},
|
|
3157
3241
|
{
|
|
3158
|
-
"
|
|
3159
|
-
"name": "
|
|
3242
|
+
"kind": "method",
|
|
3243
|
+
"name": "setDisabled",
|
|
3244
|
+
"privacy": "private",
|
|
3245
|
+
"parameters": [
|
|
3246
|
+
{
|
|
3247
|
+
"name": "disabled",
|
|
3248
|
+
"type": {
|
|
3249
|
+
"text": "boolean"
|
|
3250
|
+
},
|
|
3251
|
+
"description": "Whether the element should be disabled"
|
|
3252
|
+
}
|
|
3253
|
+
],
|
|
3254
|
+
"description": "Sets or removes `aria-disabled` and updates `tabIndex` to reflect\nthe disabled state. When disabled, the element becomes unfocusable;\nwhen enabled, the previous `tabIndex` is restored.",
|
|
3160
3255
|
"inheritedFrom": {
|
|
3161
3256
|
"name": "Linksimple",
|
|
3162
|
-
"module": "
|
|
3257
|
+
"module": "components/linksimple/linksimple.component.js"
|
|
3163
3258
|
}
|
|
3164
|
-
}
|
|
3259
|
+
}
|
|
3260
|
+
],
|
|
3261
|
+
"events": [
|
|
3165
3262
|
{
|
|
3166
|
-
"description": "
|
|
3167
|
-
"name": "
|
|
3263
|
+
"description": "(React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.",
|
|
3264
|
+
"name": "click",
|
|
3265
|
+
"reactName": "onClick",
|
|
3168
3266
|
"inheritedFrom": {
|
|
3169
3267
|
"name": "Linksimple",
|
|
3170
3268
|
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3171
3269
|
}
|
|
3172
3270
|
},
|
|
3173
3271
|
{
|
|
3174
|
-
"description": "
|
|
3175
|
-
"name": "
|
|
3272
|
+
"description": "(React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.",
|
|
3273
|
+
"name": "keydown",
|
|
3274
|
+
"reactName": "onKeyDown",
|
|
3176
3275
|
"inheritedFrom": {
|
|
3177
3276
|
"name": "Linksimple",
|
|
3178
3277
|
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3179
3278
|
}
|
|
3180
3279
|
},
|
|
3181
3280
|
{
|
|
3182
|
-
"description": "
|
|
3183
|
-
"name": "
|
|
3281
|
+
"description": "(React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.",
|
|
3282
|
+
"name": "focus",
|
|
3283
|
+
"reactName": "onFocus",
|
|
3184
3284
|
"inheritedFrom": {
|
|
3185
3285
|
"name": "Linksimple",
|
|
3186
3286
|
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3187
3287
|
}
|
|
3188
3288
|
},
|
|
3189
3289
|
{
|
|
3190
|
-
"description": "
|
|
3191
|
-
"name": "
|
|
3290
|
+
"description": "(React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.",
|
|
3291
|
+
"name": "blur",
|
|
3292
|
+
"reactName": "onBlur",
|
|
3192
3293
|
"inheritedFrom": {
|
|
3193
3294
|
"name": "Linksimple",
|
|
3194
3295
|
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3195
3296
|
}
|
|
3196
3297
|
}
|
|
3197
|
-
]
|
|
3198
|
-
|
|
3199
|
-
],
|
|
3200
|
-
"exports": [
|
|
3201
|
-
{
|
|
3202
|
-
"kind": "js",
|
|
3203
|
-
"name": "default",
|
|
3204
|
-
"declaration": {
|
|
3205
|
-
"name": "ButtonLink",
|
|
3206
|
-
"module": "components/buttonlink/buttonlink.component.js"
|
|
3207
|
-
}
|
|
3208
|
-
}
|
|
3209
|
-
]
|
|
3210
|
-
},
|
|
3211
|
-
{
|
|
3212
|
-
"kind": "javascript-module",
|
|
3213
|
-
"path": "components/buttonsimple/buttonsimple.component.js",
|
|
3214
|
-
"declarations": [
|
|
3215
|
-
{
|
|
3216
|
-
"kind": "class",
|
|
3217
|
-
"description": "`mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\nIt is used as an internal component and is not intended to be used directly by consumers.\nConsumers should use the `mdc-button` component instead.",
|
|
3218
|
-
"name": "Buttonsimple",
|
|
3219
|
-
"members": [
|
|
3298
|
+
],
|
|
3299
|
+
"attributes": [
|
|
3220
3300
|
{
|
|
3221
|
-
"
|
|
3222
|
-
"name": "active",
|
|
3301
|
+
"name": "size",
|
|
3223
3302
|
"type": {
|
|
3224
|
-
"text": "
|
|
3303
|
+
"text": "PillButtonSize | IconButtonSize"
|
|
3225
3304
|
},
|
|
3226
|
-
"description": "
|
|
3227
|
-
"default": "
|
|
3228
|
-
"
|
|
3229
|
-
"reflects": true
|
|
3305
|
+
"description": "ButtonLink sizing is based on the buttonlink type.\n - **Pill buttonlink**: 40, 32, 28, 24.\n - **Icon buttonlink**: 64, 52, 40, 32, 28, 24.\n - Tertiary icon buttonlink can also be 20.",
|
|
3306
|
+
"default": "32",
|
|
3307
|
+
"fieldName": "size"
|
|
3230
3308
|
},
|
|
3231
3309
|
{
|
|
3232
|
-
"
|
|
3233
|
-
"name": "softDisabled",
|
|
3310
|
+
"name": "soft-disabled",
|
|
3234
3311
|
"type": {
|
|
3235
3312
|
"text": "boolean | undefined"
|
|
3236
3313
|
},
|
|
3237
|
-
"description": "Indicates whether the
|
|
3314
|
+
"description": "Indicates whether the buttonlink is soft disabled.\nWhen set to `true`, the buttonlink appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe buttonlink behaves like a disabled buttonlink, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
3238
3315
|
"default": "undefined",
|
|
3239
|
-
"
|
|
3240
|
-
"reflects": true
|
|
3316
|
+
"fieldName": "softDisabled"
|
|
3241
3317
|
},
|
|
3242
3318
|
{
|
|
3243
|
-
"
|
|
3244
|
-
"name": "size",
|
|
3319
|
+
"name": "prefix-icon",
|
|
3245
3320
|
"type": {
|
|
3246
|
-
"text": "
|
|
3321
|
+
"text": "IconNames | undefined"
|
|
3247
3322
|
},
|
|
3248
|
-
"description": "
|
|
3249
|
-
"
|
|
3250
|
-
"
|
|
3251
|
-
|
|
3252
|
-
|
|
3253
|
-
|
|
3254
|
-
"kind": "field",
|
|
3255
|
-
"name": "role",
|
|
3256
|
-
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
3257
|
-
"default": "button",
|
|
3258
|
-
"attribute": "role",
|
|
3259
|
-
"reflects": true
|
|
3323
|
+
"description": "The name of the icon to display as a prefix.\nThe icon is displayed on the left side of the button.",
|
|
3324
|
+
"fieldName": "prefixIcon",
|
|
3325
|
+
"inheritedFrom": {
|
|
3326
|
+
"name": "ButtonComponentMixin",
|
|
3327
|
+
"module": "src/utils/mixins/ButtonComponentMixin.ts"
|
|
3328
|
+
}
|
|
3260
3329
|
},
|
|
3261
3330
|
{
|
|
3262
|
-
"
|
|
3263
|
-
"name": "ariaStateKey",
|
|
3331
|
+
"name": "postfix-icon",
|
|
3264
3332
|
"type": {
|
|
3265
|
-
"text": "
|
|
3333
|
+
"text": "IconNames | undefined"
|
|
3266
3334
|
},
|
|
3267
|
-
"description": "
|
|
3268
|
-
"
|
|
3269
|
-
"
|
|
3270
|
-
|
|
3335
|
+
"description": "The name of the icon to display as a postfix.\nThe icon is displayed on the right side of the button.",
|
|
3336
|
+
"fieldName": "postfixIcon",
|
|
3337
|
+
"inheritedFrom": {
|
|
3338
|
+
"name": "ButtonComponentMixin",
|
|
3339
|
+
"module": "src/utils/mixins/ButtonComponentMixin.ts"
|
|
3340
|
+
}
|
|
3271
3341
|
},
|
|
3272
3342
|
{
|
|
3273
|
-
"
|
|
3274
|
-
"name": "type",
|
|
3343
|
+
"name": "variant",
|
|
3275
3344
|
"type": {
|
|
3276
|
-
"text": "
|
|
3345
|
+
"text": "ButtonVariant"
|
|
3277
3346
|
},
|
|
3278
|
-
"description": "
|
|
3279
|
-
"default": "
|
|
3280
|
-
"
|
|
3281
|
-
"
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
"name": "executeAction",
|
|
3286
|
-
"privacy": "protected"
|
|
3287
|
-
},
|
|
3288
|
-
{
|
|
3289
|
-
"kind": "method",
|
|
3290
|
-
"name": "setActive",
|
|
3291
|
-
"privacy": "protected",
|
|
3292
|
-
"parameters": [
|
|
3293
|
-
{
|
|
3294
|
-
"name": "element",
|
|
3295
|
-
"type": {
|
|
3296
|
-
"text": "HTMLElement"
|
|
3297
|
-
},
|
|
3298
|
-
"description": "The button element"
|
|
3299
|
-
},
|
|
3300
|
-
{
|
|
3301
|
-
"name": "active",
|
|
3302
|
-
"optional": true,
|
|
3303
|
-
"type": {
|
|
3304
|
-
"text": "boolean"
|
|
3305
|
-
},
|
|
3306
|
-
"description": "The active state of the element"
|
|
3307
|
-
}
|
|
3308
|
-
],
|
|
3309
|
-
"description": "Sets the ariaStateKey attributes based on the active state of the button."
|
|
3310
|
-
},
|
|
3311
|
-
{
|
|
3312
|
-
"kind": "method",
|
|
3313
|
-
"name": "setSoftDisabled",
|
|
3314
|
-
"privacy": "private",
|
|
3315
|
-
"parameters": [
|
|
3316
|
-
{
|
|
3317
|
-
"name": "element",
|
|
3318
|
-
"type": {
|
|
3319
|
-
"text": "HTMLElement"
|
|
3320
|
-
},
|
|
3321
|
-
"description": "The button element."
|
|
3322
|
-
},
|
|
3323
|
-
{
|
|
3324
|
-
"name": "softDisabled",
|
|
3325
|
-
"optional": true,
|
|
3326
|
-
"type": {
|
|
3327
|
-
"text": "boolean"
|
|
3328
|
-
},
|
|
3329
|
-
"description": "The soft-disabled state."
|
|
3330
|
-
}
|
|
3331
|
-
],
|
|
3332
|
-
"description": "Sets the soft-disabled attribute for the button.\nWhen soft-disabled, the button looks to be disabled but remains focusable and clickable.\nAlso sets/removes aria-disabled attribute."
|
|
3333
|
-
},
|
|
3334
|
-
{
|
|
3335
|
-
"kind": "method",
|
|
3336
|
-
"name": "setDisabled",
|
|
3337
|
-
"privacy": "private",
|
|
3338
|
-
"parameters": [
|
|
3339
|
-
{
|
|
3340
|
-
"name": "element",
|
|
3341
|
-
"type": {
|
|
3342
|
-
"text": "HTMLElement"
|
|
3343
|
-
},
|
|
3344
|
-
"description": "The button element."
|
|
3345
|
-
},
|
|
3346
|
-
{
|
|
3347
|
-
"name": "disabled",
|
|
3348
|
-
"type": {
|
|
3349
|
-
"text": "boolean"
|
|
3350
|
-
},
|
|
3351
|
-
"description": "The disabled state."
|
|
3352
|
-
}
|
|
3353
|
-
],
|
|
3354
|
-
"description": "Sets the disabled attribute for the button.\nWhen disabled, the button is not focusable or clickable, and tabindex is set to -1.\nThe previous tabindex is stored and restored when enabled.\nAlso sets/removes aria-disabled attribute."
|
|
3355
|
-
},
|
|
3356
|
-
{
|
|
3357
|
-
"kind": "method",
|
|
3358
|
-
"name": "triggerClickEvent",
|
|
3359
|
-
"privacy": "private"
|
|
3360
|
-
},
|
|
3361
|
-
{
|
|
3362
|
-
"kind": "method",
|
|
3363
|
-
"name": "handleBlur",
|
|
3364
|
-
"privacy": "private",
|
|
3365
|
-
"description": "In case the button is pressed and the focus is lost while pressing,\nthe pressed class is removed."
|
|
3366
|
-
},
|
|
3367
|
-
{
|
|
3368
|
-
"kind": "method",
|
|
3369
|
-
"name": "handleKeyDown",
|
|
3370
|
-
"privacy": "private",
|
|
3371
|
-
"parameters": [
|
|
3372
|
-
{
|
|
3373
|
-
"name": "event",
|
|
3374
|
-
"type": {
|
|
3375
|
-
"text": "KeyboardEvent"
|
|
3376
|
-
},
|
|
3377
|
-
"description": "The keyboard event."
|
|
3378
|
-
}
|
|
3379
|
-
],
|
|
3380
|
-
"description": "Handles the keydown event on the button.\nIf the key is 'Enter' or 'Space', the button is pressed.\nIf the key is 'Enter', the button is pressed. The native HTML button works in the same way.\nIf the key is 'Space', the button's default is prevent to avoid scrolling etc in the host application."
|
|
3381
|
-
},
|
|
3382
|
-
{
|
|
3383
|
-
"kind": "method",
|
|
3384
|
-
"name": "handleKeyUp",
|
|
3385
|
-
"privacy": "private",
|
|
3386
|
-
"parameters": [
|
|
3387
|
-
{
|
|
3388
|
-
"name": "event",
|
|
3389
|
-
"type": {
|
|
3390
|
-
"text": "KeyboardEvent"
|
|
3391
|
-
},
|
|
3392
|
-
"description": "The keyboard event."
|
|
3393
|
-
}
|
|
3394
|
-
],
|
|
3395
|
-
"description": "Handles the keyup event on the button.\nIf the key is 'Enter' or 'Space', the button is clicked.\nIf the key is 'Space', the button is pressed. The native HTML button works in the same way."
|
|
3347
|
+
"description": "There are 3 variants of button: primary, secondary, tertiary. They are styled differently.\n- **Primary**: Solid background color.\n- **Secondary**: Transparent background with a solid border.\n- **Tertiary**: No background or border, appears as plain text but retains all button functionalities.",
|
|
3348
|
+
"default": "primary",
|
|
3349
|
+
"fieldName": "variant",
|
|
3350
|
+
"inheritedFrom": {
|
|
3351
|
+
"name": "ButtonComponentMixin",
|
|
3352
|
+
"module": "src/utils/mixins/ButtonComponentMixin.ts"
|
|
3353
|
+
}
|
|
3396
3354
|
},
|
|
3397
3355
|
{
|
|
3398
|
-
"
|
|
3399
|
-
"name": "tabIndex",
|
|
3356
|
+
"name": "color",
|
|
3400
3357
|
"type": {
|
|
3401
|
-
"text": "
|
|
3358
|
+
"text": "ButtonColor"
|
|
3402
3359
|
},
|
|
3403
|
-
"
|
|
3404
|
-
"
|
|
3405
|
-
"
|
|
3406
|
-
"reflects": true,
|
|
3360
|
+
"description": "There are 5 colors for button: positive, negative, accent, promotional, default.",
|
|
3361
|
+
"default": "default",
|
|
3362
|
+
"fieldName": "color",
|
|
3407
3363
|
"inheritedFrom": {
|
|
3408
|
-
"name": "
|
|
3409
|
-
"module": "utils/mixins/
|
|
3364
|
+
"name": "ButtonComponentMixin",
|
|
3365
|
+
"module": "src/utils/mixins/ButtonComponentMixin.ts"
|
|
3410
3366
|
}
|
|
3411
3367
|
},
|
|
3412
3368
|
{
|
|
3413
|
-
"kind": "field",
|
|
3414
3369
|
"name": "disabled",
|
|
3415
3370
|
"type": {
|
|
3416
3371
|
"text": "boolean | undefined"
|
|
3417
3372
|
},
|
|
3418
3373
|
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
3419
3374
|
"default": "undefined",
|
|
3420
|
-
"
|
|
3421
|
-
"reflects": true,
|
|
3375
|
+
"fieldName": "disabled",
|
|
3422
3376
|
"inheritedFrom": {
|
|
3423
3377
|
"name": "DisabledMixin",
|
|
3424
|
-
"module": "utils/mixins/DisabledMixin.
|
|
3378
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
3425
3379
|
}
|
|
3426
|
-
}
|
|
3427
|
-
],
|
|
3428
|
-
"events": [
|
|
3429
|
-
{
|
|
3430
|
-
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
|
3431
|
-
"name": "click",
|
|
3432
|
-
"reactName": "onClick"
|
|
3433
|
-
},
|
|
3434
|
-
{
|
|
3435
|
-
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
|
|
3436
|
-
"name": "keydown",
|
|
3437
|
-
"reactName": "onKeyDown"
|
|
3438
|
-
},
|
|
3439
|
-
{
|
|
3440
|
-
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
3441
|
-
"name": "keyup",
|
|
3442
|
-
"reactName": "onKeyUp"
|
|
3443
|
-
},
|
|
3444
|
-
{
|
|
3445
|
-
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
|
3446
|
-
"name": "focus",
|
|
3447
|
-
"reactName": "onFocus"
|
|
3448
|
-
}
|
|
3449
|
-
],
|
|
3450
|
-
"attributes": [
|
|
3451
|
-
{
|
|
3452
|
-
"name": "active",
|
|
3453
|
-
"type": {
|
|
3454
|
-
"text": "boolean | undefined"
|
|
3455
|
-
},
|
|
3456
|
-
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
3457
|
-
"default": "undefined",
|
|
3458
|
-
"fieldName": "active"
|
|
3459
3380
|
},
|
|
3460
3381
|
{
|
|
3461
|
-
"name": "
|
|
3382
|
+
"name": "tabIndex",
|
|
3462
3383
|
"type": {
|
|
3463
|
-
"text": "
|
|
3384
|
+
"text": "number"
|
|
3464
3385
|
},
|
|
3465
|
-
"
|
|
3466
|
-
"
|
|
3467
|
-
"fieldName": "
|
|
3386
|
+
"default": "0",
|
|
3387
|
+
"description": "This property specifies the tab order of the element.",
|
|
3388
|
+
"fieldName": "tabIndex",
|
|
3389
|
+
"inheritedFrom": {
|
|
3390
|
+
"name": "TabIndexMixin",
|
|
3391
|
+
"module": "src/utils/mixins/TabIndexMixin.ts"
|
|
3392
|
+
}
|
|
3468
3393
|
},
|
|
3469
3394
|
{
|
|
3470
|
-
"name": "
|
|
3395
|
+
"name": "inline",
|
|
3471
3396
|
"type": {
|
|
3472
|
-
"text": "
|
|
3397
|
+
"text": "boolean"
|
|
3473
3398
|
},
|
|
3474
|
-
"description": "
|
|
3475
|
-
"default": "
|
|
3476
|
-
"fieldName": "
|
|
3477
|
-
|
|
3478
|
-
|
|
3479
|
-
|
|
3480
|
-
|
|
3481
|
-
"default": "button",
|
|
3482
|
-
"fieldName": "role"
|
|
3399
|
+
"description": "The link can be inline or standalone.",
|
|
3400
|
+
"default": "false",
|
|
3401
|
+
"fieldName": "inline",
|
|
3402
|
+
"inheritedFrom": {
|
|
3403
|
+
"name": "Linksimple",
|
|
3404
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3405
|
+
}
|
|
3483
3406
|
},
|
|
3484
3407
|
{
|
|
3485
|
-
"name": "
|
|
3408
|
+
"name": "inverted",
|
|
3486
3409
|
"type": {
|
|
3487
|
-
"text": "
|
|
3410
|
+
"text": "boolean"
|
|
3488
3411
|
},
|
|
3489
|
-
"description": "
|
|
3490
|
-
"default": "
|
|
3491
|
-
"fieldName": "
|
|
3412
|
+
"description": "The link color can be inverted by setting the inverted attribute to true.",
|
|
3413
|
+
"default": "false",
|
|
3414
|
+
"fieldName": "inverted",
|
|
3415
|
+
"inheritedFrom": {
|
|
3416
|
+
"name": "Linksimple",
|
|
3417
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3418
|
+
}
|
|
3492
3419
|
},
|
|
3493
3420
|
{
|
|
3494
|
-
"name": "
|
|
3421
|
+
"name": "href",
|
|
3495
3422
|
"type": {
|
|
3496
|
-
"text": "
|
|
3423
|
+
"text": "string"
|
|
3497
3424
|
},
|
|
3498
|
-
"
|
|
3499
|
-
"
|
|
3500
|
-
"fieldName": "
|
|
3425
|
+
"default": "'#'",
|
|
3426
|
+
"description": "Href for navigation. The URL that the hyperlink points to",
|
|
3427
|
+
"fieldName": "href",
|
|
3428
|
+
"inheritedFrom": {
|
|
3429
|
+
"name": "Linksimple",
|
|
3430
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3431
|
+
}
|
|
3501
3432
|
},
|
|
3502
3433
|
{
|
|
3503
|
-
"name": "
|
|
3434
|
+
"name": "target",
|
|
3504
3435
|
"type": {
|
|
3505
|
-
"text": "
|
|
3436
|
+
"text": "string"
|
|
3506
3437
|
},
|
|
3507
|
-
"default": "
|
|
3508
|
-
"description": "
|
|
3509
|
-
"fieldName": "
|
|
3438
|
+
"default": "'_self'",
|
|
3439
|
+
"description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
|
|
3440
|
+
"fieldName": "target",
|
|
3510
3441
|
"inheritedFrom": {
|
|
3511
|
-
"name": "
|
|
3512
|
-
"module": "src/
|
|
3442
|
+
"name": "Linksimple",
|
|
3443
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3513
3444
|
}
|
|
3514
3445
|
},
|
|
3515
3446
|
{
|
|
3516
|
-
"name": "
|
|
3447
|
+
"name": "rel",
|
|
3517
3448
|
"type": {
|
|
3518
|
-
"text": "
|
|
3449
|
+
"text": "string | undefined"
|
|
3519
3450
|
},
|
|
3520
|
-
"description": "
|
|
3521
|
-
"
|
|
3522
|
-
"fieldName": "disabled",
|
|
3451
|
+
"description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
|
|
3452
|
+
"fieldName": "rel",
|
|
3523
3453
|
"inheritedFrom": {
|
|
3524
|
-
"name": "
|
|
3525
|
-
"module": "src/
|
|
3454
|
+
"name": "Linksimple",
|
|
3455
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3526
3456
|
}
|
|
3527
3457
|
}
|
|
3528
3458
|
],
|
|
3529
3459
|
"mixins": [
|
|
3530
3460
|
{
|
|
3531
|
-
"name": "
|
|
3532
|
-
"module": "/src/utils/mixins/
|
|
3533
|
-
},
|
|
3534
|
-
{
|
|
3535
|
-
"name": "DisabledMixin",
|
|
3536
|
-
"module": "/src/utils/mixins/DisabledMixin"
|
|
3461
|
+
"name": "ButtonComponentMixin",
|
|
3462
|
+
"module": "/src/utils/mixins/ButtonComponentMixin"
|
|
3537
3463
|
}
|
|
3538
3464
|
],
|
|
3539
3465
|
"superclass": {
|
|
3540
|
-
"name": "
|
|
3541
|
-
"module": "/src/
|
|
3466
|
+
"name": "Linksimple",
|
|
3467
|
+
"module": "/src/components/linksimple/linksimple.component"
|
|
3542
3468
|
},
|
|
3543
|
-
"tagName": "mdc-
|
|
3544
|
-
"jsDoc": "/**\n * `mdc-
|
|
3545
|
-
"customElement": true
|
|
3469
|
+
"tagName": "mdc-buttonlink",
|
|
3470
|
+
"jsDoc": "/**\n * `mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural\n * features of `mdc-button`. This includes support for variants, sizing, and optional\n * prefix and postfix icons via slots.\n *\n * ### Features:\n * - Behaves like an link while visually resembling a button.\n * - Supports slots for `prefix-icon` and `postfix-icon`.\n * - Customizable size, color, and variant through attributes.\n * - Inherits accessibility and keyboard interaction support from `mdc-linksimple`.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-buttonlink\n *\n * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.\n * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.\n * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.\n * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.\n *\n */",
|
|
3471
|
+
"customElement": true,
|
|
3472
|
+
"cssProperties": [
|
|
3473
|
+
{
|
|
3474
|
+
"description": "Border radius of the link.",
|
|
3475
|
+
"name": "--mdc-link-border-radius",
|
|
3476
|
+
"inheritedFrom": {
|
|
3477
|
+
"name": "Linksimple",
|
|
3478
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3479
|
+
}
|
|
3480
|
+
},
|
|
3481
|
+
{
|
|
3482
|
+
"description": "Color of the link’s child content in the active state.",
|
|
3483
|
+
"name": "--mdc-link-color-active",
|
|
3484
|
+
"inheritedFrom": {
|
|
3485
|
+
"name": "Linksimple",
|
|
3486
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3487
|
+
}
|
|
3488
|
+
},
|
|
3489
|
+
{
|
|
3490
|
+
"description": "Color of the link’s child content in the disabled state.",
|
|
3491
|
+
"name": "--mdc-link-color-disabled",
|
|
3492
|
+
"inheritedFrom": {
|
|
3493
|
+
"name": "Linksimple",
|
|
3494
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3495
|
+
}
|
|
3496
|
+
},
|
|
3497
|
+
{
|
|
3498
|
+
"description": "Color of the link’s child content in the hover state.",
|
|
3499
|
+
"name": "--mdc-link-color-hover",
|
|
3500
|
+
"inheritedFrom": {
|
|
3501
|
+
"name": "Linksimple",
|
|
3502
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3503
|
+
}
|
|
3504
|
+
},
|
|
3505
|
+
{
|
|
3506
|
+
"description": "Color of the link’s child content in the normal state.",
|
|
3507
|
+
"name": "--mdc-link-color-normal",
|
|
3508
|
+
"inheritedFrom": {
|
|
3509
|
+
"name": "Linksimple",
|
|
3510
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3511
|
+
}
|
|
3512
|
+
},
|
|
3513
|
+
{
|
|
3514
|
+
"description": "Color of the inverted link’s child content in the active state.",
|
|
3515
|
+
"name": "--mdc-link-inverted-color-active",
|
|
3516
|
+
"inheritedFrom": {
|
|
3517
|
+
"name": "Linksimple",
|
|
3518
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3519
|
+
}
|
|
3520
|
+
},
|
|
3521
|
+
{
|
|
3522
|
+
"description": "Color of the inverted link’s child content in the disabled state.",
|
|
3523
|
+
"name": "--mdc-link-inverted-color-disabled",
|
|
3524
|
+
"inheritedFrom": {
|
|
3525
|
+
"name": "Linksimple",
|
|
3526
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3527
|
+
}
|
|
3528
|
+
},
|
|
3529
|
+
{
|
|
3530
|
+
"description": "Color of the inverted link’s child content in the hover state.",
|
|
3531
|
+
"name": "--mdc-link-inverted-color-hover",
|
|
3532
|
+
"inheritedFrom": {
|
|
3533
|
+
"name": "Linksimple",
|
|
3534
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3535
|
+
}
|
|
3536
|
+
},
|
|
3537
|
+
{
|
|
3538
|
+
"description": "Color of the inverted link’s child content in the normal state.",
|
|
3539
|
+
"name": "--mdc-link-inverted-color-normal",
|
|
3540
|
+
"inheritedFrom": {
|
|
3541
|
+
"name": "Linksimple",
|
|
3542
|
+
"module": "src/components/linksimple/linksimple.component.ts"
|
|
3543
|
+
}
|
|
3544
|
+
}
|
|
3545
|
+
]
|
|
3546
3546
|
}
|
|
3547
3547
|
],
|
|
3548
3548
|
"exports": [
|
|
@@ -3550,8 +3550,8 @@
|
|
|
3550
3550
|
"kind": "js",
|
|
3551
3551
|
"name": "default",
|
|
3552
3552
|
"declaration": {
|
|
3553
|
-
"name": "
|
|
3554
|
-
"module": "components/
|
|
3553
|
+
"name": "ButtonLink",
|
|
3554
|
+
"module": "components/buttonlink/buttonlink.component.js"
|
|
3555
3555
|
}
|
|
3556
3556
|
}
|
|
3557
3557
|
]
|