@momentum-design/components 0.53.8 → 0.53.9
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 +173 -182
- package/dist/browser/index.js.map +3 -3
- package/dist/components/link/link.component.d.ts +29 -18
- package/dist/components/link/link.component.js +67 -39
- package/dist/components/link/link.styles.js +34 -48
- package/dist/components/link/link.types.d.ts +7 -1
- package/dist/custom-elements.json +852 -741
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.js +2 -2
- package/dist/react/link/index.d.ts +13 -3
- package/dist/react/link/index.js +12 -3
- package/package.json +1 -1
@@ -491,6 +491,67 @@
|
|
491
491
|
}
|
492
492
|
]
|
493
493
|
},
|
494
|
+
{
|
495
|
+
"kind": "javascript-module",
|
496
|
+
"path": "components/appheader/appheader.component.js",
|
497
|
+
"declarations": [
|
498
|
+
{
|
499
|
+
"kind": "class",
|
500
|
+
"description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
|
501
|
+
"name": "Appheader",
|
502
|
+
"cssParts": [
|
503
|
+
{
|
504
|
+
"description": "The main container for styling the header.",
|
505
|
+
"name": "container"
|
506
|
+
},
|
507
|
+
{
|
508
|
+
"description": "The leading section of the header.",
|
509
|
+
"name": "leading-section"
|
510
|
+
},
|
511
|
+
{
|
512
|
+
"description": "The center section of the header.",
|
513
|
+
"name": "center-section"
|
514
|
+
},
|
515
|
+
{
|
516
|
+
"description": "The trailing section of the header.",
|
517
|
+
"name": "trailing-section"
|
518
|
+
}
|
519
|
+
],
|
520
|
+
"slots": [
|
521
|
+
{
|
522
|
+
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
523
|
+
"name": "leading"
|
524
|
+
},
|
525
|
+
{
|
526
|
+
"description": "Slot for the center section (e.g., search bar, icons).",
|
527
|
+
"name": "center"
|
528
|
+
},
|
529
|
+
{
|
530
|
+
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
531
|
+
"name": "trailing"
|
532
|
+
}
|
533
|
+
],
|
534
|
+
"members": [],
|
535
|
+
"superclass": {
|
536
|
+
"name": "Component",
|
537
|
+
"module": "/src/models"
|
538
|
+
},
|
539
|
+
"tagName": "mdc-appheader",
|
540
|
+
"jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
|
541
|
+
"customElement": true
|
542
|
+
}
|
543
|
+
],
|
544
|
+
"exports": [
|
545
|
+
{
|
546
|
+
"kind": "js",
|
547
|
+
"name": "default",
|
548
|
+
"declaration": {
|
549
|
+
"name": "Appheader",
|
550
|
+
"module": "components/appheader/appheader.component.js"
|
551
|
+
}
|
552
|
+
}
|
553
|
+
]
|
554
|
+
},
|
494
555
|
{
|
495
556
|
"kind": "javascript-module",
|
496
557
|
"path": "components/avatar/avatar.component.js",
|
@@ -1697,67 +1758,6 @@
|
|
1697
1758
|
}
|
1698
1759
|
]
|
1699
1760
|
},
|
1700
|
-
{
|
1701
|
-
"kind": "javascript-module",
|
1702
|
-
"path": "components/appheader/appheader.component.js",
|
1703
|
-
"declarations": [
|
1704
|
-
{
|
1705
|
-
"kind": "class",
|
1706
|
-
"description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
|
1707
|
-
"name": "Appheader",
|
1708
|
-
"cssParts": [
|
1709
|
-
{
|
1710
|
-
"description": "The main container for styling the header.",
|
1711
|
-
"name": "container"
|
1712
|
-
},
|
1713
|
-
{
|
1714
|
-
"description": "The leading section of the header.",
|
1715
|
-
"name": "leading-section"
|
1716
|
-
},
|
1717
|
-
{
|
1718
|
-
"description": "The center section of the header.",
|
1719
|
-
"name": "center-section"
|
1720
|
-
},
|
1721
|
-
{
|
1722
|
-
"description": "The trailing section of the header.",
|
1723
|
-
"name": "trailing-section"
|
1724
|
-
}
|
1725
|
-
],
|
1726
|
-
"slots": [
|
1727
|
-
{
|
1728
|
-
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
1729
|
-
"name": "leading"
|
1730
|
-
},
|
1731
|
-
{
|
1732
|
-
"description": "Slot for the center section (e.g., search bar, icons).",
|
1733
|
-
"name": "center"
|
1734
|
-
},
|
1735
|
-
{
|
1736
|
-
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
1737
|
-
"name": "trailing"
|
1738
|
-
}
|
1739
|
-
],
|
1740
|
-
"members": [],
|
1741
|
-
"superclass": {
|
1742
|
-
"name": "Component",
|
1743
|
-
"module": "/src/models"
|
1744
|
-
},
|
1745
|
-
"tagName": "mdc-appheader",
|
1746
|
-
"jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
|
1747
|
-
"customElement": true
|
1748
|
-
}
|
1749
|
-
],
|
1750
|
-
"exports": [
|
1751
|
-
{
|
1752
|
-
"kind": "js",
|
1753
|
-
"name": "default",
|
1754
|
-
"declaration": {
|
1755
|
-
"name": "Appheader",
|
1756
|
-
"module": "components/appheader/appheader.component.js"
|
1757
|
-
}
|
1758
|
-
}
|
1759
|
-
]
|
1760
|
-
},
|
1761
1761
|
{
|
1762
1762
|
"kind": "javascript-module",
|
1763
1763
|
"path": "components/brandvisual/brandvisual.component.js",
|
@@ -2527,280 +2527,202 @@
|
|
2527
2527
|
},
|
2528
2528
|
{
|
2529
2529
|
"kind": "javascript-module",
|
2530
|
-
"path": "components/
|
2530
|
+
"path": "components/buttonsimple/buttonsimple.component.js",
|
2531
2531
|
"declarations": [
|
2532
2532
|
{
|
2533
2533
|
"kind": "class",
|
2534
|
-
"description": "
|
2535
|
-
"name": "
|
2536
|
-
"cssProperties": [
|
2537
|
-
{
|
2538
|
-
"description": "Allows customization of the background color on hover.",
|
2539
|
-
"name": "--mdc-checkbox-background-color-hover"
|
2540
|
-
},
|
2541
|
-
{
|
2542
|
-
"description": "Border color in high contrast.",
|
2543
|
-
"name": "--mdc-checkbox-border-color"
|
2544
|
-
},
|
2545
|
-
{
|
2546
|
-
"description": "Background color for a selected checkbox.",
|
2547
|
-
"name": "--mdc-checkbox-checked-background-color"
|
2548
|
-
},
|
2549
|
-
{
|
2550
|
-
"description": "Background color for a selected checkbox when hovered.",
|
2551
|
-
"name": "--mdc-checkbox-checked-background-color-hover"
|
2552
|
-
},
|
2553
|
-
{
|
2554
|
-
"description": "Background color for a selected checkbox when pressed.",
|
2555
|
-
"name": "--mdc-checkbox-checked-pressed-icon-color"
|
2556
|
-
},
|
2557
|
-
{
|
2558
|
-
"description": "Background color for a disabled checkbox.",
|
2559
|
-
"name": "--mdc-checkbox-disabled-background-color"
|
2560
|
-
},
|
2561
|
-
{
|
2562
|
-
"description": "Border color for a disabled checkbox.",
|
2563
|
-
"name": "--mdc-checkbox-disabled-border-color"
|
2564
|
-
},
|
2565
|
-
{
|
2566
|
-
"description": "Background color for a disabled, selected checkbox.",
|
2567
|
-
"name": "--mdc-checkbox-disabled-checked-icon-color"
|
2568
|
-
},
|
2569
|
-
{
|
2570
|
-
"description": "Icon color for a disabled checkbox.",
|
2571
|
-
"name": "--mdc-checkbox-disabled-icon-color"
|
2572
|
-
},
|
2573
|
-
{
|
2574
|
-
"description": "Background color for an unselected checkbox.",
|
2575
|
-
"name": "--mdc-checkbox-icon-background-color"
|
2576
|
-
},
|
2577
|
-
{
|
2578
|
-
"description": "Default background color for an unselected checkbox.",
|
2579
|
-
"name": "--mdc-checkbox-icon-border-color"
|
2580
|
-
},
|
2581
|
-
{
|
2582
|
-
"description": "Icon color for an unselected checkbox.",
|
2583
|
-
"name": "--mdc-checkbox-icon-color"
|
2584
|
-
},
|
2585
|
-
{
|
2586
|
-
"description": "Background color for a selected checkbox when pressed.",
|
2587
|
-
"name": "--mdc-checkbox-pressed-icon-color"
|
2588
|
-
}
|
2589
|
-
],
|
2534
|
+
"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.",
|
2535
|
+
"name": "Buttonsimple",
|
2590
2536
|
"members": [
|
2591
2537
|
{
|
2592
2538
|
"kind": "field",
|
2593
|
-
"name": "
|
2539
|
+
"name": "active",
|
2594
2540
|
"type": {
|
2595
|
-
"text": "boolean"
|
2541
|
+
"text": "boolean | undefined"
|
2596
2542
|
},
|
2597
|
-
"
|
2598
|
-
"
|
2599
|
-
"attribute": "
|
2543
|
+
"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.",
|
2544
|
+
"default": "undefined",
|
2545
|
+
"attribute": "active",
|
2600
2546
|
"reflects": true
|
2601
2547
|
},
|
2602
2548
|
{
|
2603
2549
|
"kind": "field",
|
2604
|
-
"name": "
|
2550
|
+
"name": "softDisabled",
|
2605
2551
|
"type": {
|
2606
|
-
"text": "boolean"
|
2552
|
+
"text": "boolean | undefined"
|
2607
2553
|
},
|
2608
|
-
"
|
2609
|
-
"
|
2610
|
-
"attribute": "
|
2611
|
-
"reflects": true
|
2554
|
+
"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.",
|
2555
|
+
"default": "undefined",
|
2556
|
+
"attribute": "soft-disabled"
|
2612
2557
|
},
|
2613
2558
|
{
|
2614
2559
|
"kind": "field",
|
2615
|
-
"name": "
|
2560
|
+
"name": "size",
|
2616
2561
|
"type": {
|
2617
|
-
"text": "
|
2562
|
+
"text": "ButtonSize"
|
2618
2563
|
},
|
2619
|
-
"
|
2620
|
-
"
|
2621
|
-
"attribute": "
|
2564
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
2565
|
+
"default": "32",
|
2566
|
+
"attribute": "size",
|
2622
2567
|
"reflects": true
|
2623
2568
|
},
|
2624
2569
|
{
|
2625
|
-
"kind": "
|
2626
|
-
"name": "
|
2627
|
-
"
|
2628
|
-
"
|
2570
|
+
"kind": "field",
|
2571
|
+
"name": "role",
|
2572
|
+
"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.",
|
2573
|
+
"default": "button",
|
2574
|
+
"attribute": "role",
|
2575
|
+
"reflects": true
|
2629
2576
|
},
|
2630
2577
|
{
|
2631
|
-
"kind": "
|
2632
|
-
"name": "
|
2633
|
-
"
|
2634
|
-
|
2578
|
+
"kind": "field",
|
2579
|
+
"name": "ariaStateKey",
|
2580
|
+
"type": {
|
2581
|
+
"text": "string | undefined"
|
2582
|
+
},
|
2583
|
+
"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`",
|
2584
|
+
"default": "'aria-pressed' (when)",
|
2585
|
+
"attribute": "ariaStateKey",
|
2586
|
+
"reflects": true
|
2635
2587
|
},
|
2636
2588
|
{
|
2637
|
-
"kind": "
|
2638
|
-
"name": "
|
2639
|
-
"
|
2640
|
-
|
2641
|
-
"type": {
|
2642
|
-
"text": "void"
|
2643
|
-
}
|
2589
|
+
"kind": "field",
|
2590
|
+
"name": "type",
|
2591
|
+
"type": {
|
2592
|
+
"text": "ButtonType"
|
2644
2593
|
},
|
2645
|
-
"description": "
|
2594
|
+
"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.",
|
2595
|
+
"default": "button",
|
2596
|
+
"attribute": "type",
|
2597
|
+
"reflects": true
|
2646
2598
|
},
|
2647
2599
|
{
|
2648
2600
|
"kind": "method",
|
2649
|
-
"name": "
|
2650
|
-
"privacy": "
|
2651
|
-
|
2652
|
-
|
2653
|
-
|
2654
|
-
|
2655
|
-
|
2601
|
+
"name": "executeAction",
|
2602
|
+
"privacy": "protected"
|
2603
|
+
},
|
2604
|
+
{
|
2605
|
+
"kind": "method",
|
2606
|
+
"name": "setActive",
|
2607
|
+
"privacy": "protected",
|
2656
2608
|
"parameters": [
|
2657
2609
|
{
|
2658
|
-
"name": "
|
2610
|
+
"name": "element",
|
2659
2611
|
"type": {
|
2660
|
-
"text": "
|
2612
|
+
"text": "HTMLElement"
|
2661
2613
|
},
|
2662
|
-
"description": "The
|
2614
|
+
"description": "The button element"
|
2615
|
+
},
|
2616
|
+
{
|
2617
|
+
"name": "active",
|
2618
|
+
"optional": true,
|
2619
|
+
"type": {
|
2620
|
+
"text": "boolean"
|
2621
|
+
},
|
2622
|
+
"description": "The active state of the element"
|
2663
2623
|
}
|
2664
2624
|
],
|
2665
|
-
"description": "
|
2625
|
+
"description": "Sets the ariaStateKey attributes based on the active state of the button."
|
2666
2626
|
},
|
2667
2627
|
{
|
2668
2628
|
"kind": "method",
|
2669
|
-
"name": "
|
2670
|
-
"privacy": "
|
2671
|
-
"return": {
|
2672
|
-
"type": {
|
2673
|
-
"text": "void"
|
2674
|
-
}
|
2675
|
-
},
|
2629
|
+
"name": "setSoftDisabled",
|
2630
|
+
"privacy": "private",
|
2676
2631
|
"parameters": [
|
2677
2632
|
{
|
2678
|
-
"name": "
|
2633
|
+
"name": "element",
|
2679
2634
|
"type": {
|
2680
|
-
"text": "
|
2681
|
-
}
|
2635
|
+
"text": "HTMLElement"
|
2636
|
+
},
|
2637
|
+
"description": "The button element."
|
2638
|
+
},
|
2639
|
+
{
|
2640
|
+
"name": "softDisabled",
|
2641
|
+
"optional": true,
|
2642
|
+
"type": {
|
2643
|
+
"text": "boolean"
|
2644
|
+
},
|
2645
|
+
"description": "The soft-disabled state."
|
2682
2646
|
}
|
2683
2647
|
],
|
2684
|
-
"description": "
|
2685
|
-
},
|
2686
|
-
{
|
2687
|
-
"kind": "field",
|
2688
|
-
"name": "renderLabelAndHelperText",
|
2689
|
-
"privacy": "private"
|
2690
|
-
},
|
2691
|
-
{
|
2692
|
-
"kind": "field",
|
2693
|
-
"name": "name",
|
2694
|
-
"type": {
|
2695
|
-
"text": "string"
|
2696
|
-
},
|
2697
|
-
"default": "''",
|
2698
|
-
"description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
|
2699
|
-
"attribute": "name",
|
2700
|
-
"reflects": true,
|
2701
|
-
"inheritedFrom": {
|
2702
|
-
"name": "FormInternalsMixin",
|
2703
|
-
"module": "utils/mixins/FormInternalsMixin.js"
|
2704
|
-
}
|
2705
|
-
},
|
2706
|
-
{
|
2707
|
-
"kind": "field",
|
2708
|
-
"name": "value",
|
2709
|
-
"type": {
|
2710
|
-
"text": "string"
|
2711
|
-
},
|
2712
|
-
"default": "''",
|
2713
|
-
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
2714
|
-
"attribute": "value",
|
2715
|
-
"reflects": true,
|
2716
|
-
"inheritedFrom": {
|
2717
|
-
"name": "FormInternalsMixin",
|
2718
|
-
"module": "utils/mixins/FormInternalsMixin.js"
|
2719
|
-
}
|
2720
|
-
},
|
2721
|
-
{
|
2722
|
-
"kind": "field",
|
2723
|
-
"name": "validationMessage",
|
2724
|
-
"type": {
|
2725
|
-
"text": "string | undefined"
|
2726
|
-
},
|
2727
|
-
"description": "Custom validation message that will override the default message and displayed when the input is invalid.",
|
2728
|
-
"attribute": "validation-message",
|
2729
|
-
"reflects": true,
|
2730
|
-
"inheritedFrom": {
|
2731
|
-
"name": "FormInternalsMixin",
|
2732
|
-
"module": "utils/mixins/FormInternalsMixin.js"
|
2733
|
-
}
|
2648
|
+
"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."
|
2734
2649
|
},
|
2735
2650
|
{
|
2736
|
-
"kind": "
|
2737
|
-
"name": "
|
2738
|
-
"
|
2739
|
-
|
2740
|
-
|
2741
|
-
|
2742
|
-
|
2743
|
-
|
2744
|
-
|
2745
|
-
|
2651
|
+
"kind": "method",
|
2652
|
+
"name": "setDisabled",
|
2653
|
+
"privacy": "private",
|
2654
|
+
"parameters": [
|
2655
|
+
{
|
2656
|
+
"name": "element",
|
2657
|
+
"type": {
|
2658
|
+
"text": "HTMLElement"
|
2659
|
+
},
|
2660
|
+
"description": "The button element."
|
2661
|
+
},
|
2662
|
+
{
|
2663
|
+
"name": "disabled",
|
2664
|
+
"type": {
|
2665
|
+
"text": "boolean"
|
2666
|
+
},
|
2667
|
+
"description": "The disabled state."
|
2668
|
+
}
|
2669
|
+
],
|
2670
|
+
"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."
|
2746
2671
|
},
|
2747
2672
|
{
|
2748
|
-
"kind": "
|
2749
|
-
"name": "
|
2750
|
-
"
|
2751
|
-
"inheritedFrom": {
|
2752
|
-
"name": "FormInternalsMixin",
|
2753
|
-
"module": "utils/mixins/FormInternalsMixin.js"
|
2754
|
-
}
|
2673
|
+
"kind": "method",
|
2674
|
+
"name": "triggerClickEvent",
|
2675
|
+
"privacy": "private"
|
2755
2676
|
},
|
2756
2677
|
{
|
2757
2678
|
"kind": "method",
|
2758
|
-
"name": "
|
2759
|
-
"
|
2760
|
-
"
|
2761
|
-
"type": {
|
2762
|
-
"text": ""
|
2763
|
-
}
|
2764
|
-
},
|
2765
|
-
"inheritedFrom": {
|
2766
|
-
"name": "FormInternalsMixin",
|
2767
|
-
"module": "utils/mixins/FormInternalsMixin.js"
|
2768
|
-
}
|
2679
|
+
"name": "handleBlur",
|
2680
|
+
"privacy": "private",
|
2681
|
+
"description": "In case the button is pressed and the focus is lost while pressing,\nthe pressed class is removed."
|
2769
2682
|
},
|
2770
2683
|
{
|
2771
2684
|
"kind": "method",
|
2772
|
-
"name": "
|
2773
|
-
"
|
2774
|
-
|
2775
|
-
|
2685
|
+
"name": "handleKeyDown",
|
2686
|
+
"privacy": "private",
|
2687
|
+
"parameters": [
|
2688
|
+
{
|
2689
|
+
"name": "event",
|
2690
|
+
"type": {
|
2691
|
+
"text": "KeyboardEvent"
|
2692
|
+
},
|
2693
|
+
"description": "The keyboard event."
|
2776
2694
|
}
|
2777
|
-
|
2778
|
-
"
|
2779
|
-
"name": "FormInternalsMixin",
|
2780
|
-
"module": "utils/mixins/FormInternalsMixin.js"
|
2781
|
-
}
|
2695
|
+
],
|
2696
|
+
"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."
|
2782
2697
|
},
|
2783
2698
|
{
|
2784
2699
|
"kind": "method",
|
2785
|
-
"name": "
|
2786
|
-
"
|
2787
|
-
|
2788
|
-
|
2789
|
-
|
2700
|
+
"name": "handleKeyUp",
|
2701
|
+
"privacy": "private",
|
2702
|
+
"parameters": [
|
2703
|
+
{
|
2704
|
+
"name": "event",
|
2705
|
+
"type": {
|
2706
|
+
"text": "KeyboardEvent"
|
2707
|
+
},
|
2708
|
+
"description": "The keyboard event."
|
2709
|
+
}
|
2710
|
+
],
|
2711
|
+
"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."
|
2790
2712
|
},
|
2791
2713
|
{
|
2792
2714
|
"kind": "field",
|
2793
|
-
"name": "
|
2715
|
+
"name": "tabIndex",
|
2794
2716
|
"type": {
|
2795
|
-
"text": "
|
2717
|
+
"text": "number"
|
2796
2718
|
},
|
2797
|
-
"default": "
|
2798
|
-
"description": "
|
2799
|
-
"attribute": "
|
2719
|
+
"default": "0",
|
2720
|
+
"description": "This property specifies the tab order of the element.",
|
2721
|
+
"attribute": "tabIndex",
|
2800
2722
|
"reflects": true,
|
2801
2723
|
"inheritedFrom": {
|
2802
|
-
"name": "
|
2803
|
-
"module": "utils/mixins/
|
2724
|
+
"name": "TabIndexMixin",
|
2725
|
+
"module": "utils/mixins/TabIndexMixin.js"
|
2804
2726
|
}
|
2805
2727
|
},
|
2806
2728
|
{
|
@@ -2817,707 +2739,785 @@
|
|
2817
2739
|
"name": "DisabledMixin",
|
2818
2740
|
"module": "utils/mixins/DisabledMixin.js"
|
2819
2741
|
}
|
2742
|
+
}
|
2743
|
+
],
|
2744
|
+
"events": [
|
2745
|
+
{
|
2746
|
+
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
2747
|
+
"name": "click",
|
2748
|
+
"reactName": "onClick"
|
2820
2749
|
},
|
2821
2750
|
{
|
2822
|
-
"
|
2823
|
-
"name": "
|
2824
|
-
"
|
2825
|
-
"text": "string | undefined"
|
2826
|
-
},
|
2827
|
-
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
2828
|
-
"attribute": "label",
|
2829
|
-
"reflects": true,
|
2830
|
-
"inheritedFrom": {
|
2831
|
-
"name": "FormfieldWrapper",
|
2832
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
2833
|
-
}
|
2751
|
+
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
|
2752
|
+
"name": "keydown",
|
2753
|
+
"reactName": "onKeyDown"
|
2834
2754
|
},
|
2835
2755
|
{
|
2836
|
-
"
|
2837
|
-
"name": "
|
2838
|
-
"
|
2839
|
-
"text": "string | undefined"
|
2840
|
-
},
|
2841
|
-
"description": "The required label of the input field.\nWhen an appropriate string value is set,\nthe input field is marked as required and the label is appended with this text.",
|
2842
|
-
"attribute": "required-label",
|
2843
|
-
"reflects": true,
|
2844
|
-
"inheritedFrom": {
|
2845
|
-
"name": "FormfieldWrapper",
|
2846
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
2847
|
-
}
|
2756
|
+
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
2757
|
+
"name": "keyup",
|
2758
|
+
"reactName": "onKeyUp"
|
2848
2759
|
},
|
2849
2760
|
{
|
2850
|
-
"
|
2851
|
-
"name": "
|
2761
|
+
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
2762
|
+
"name": "focus",
|
2763
|
+
"reactName": "onFocus"
|
2764
|
+
}
|
2765
|
+
],
|
2766
|
+
"attributes": [
|
2767
|
+
{
|
2768
|
+
"name": "active",
|
2852
2769
|
"type": {
|
2853
|
-
"text": "
|
2770
|
+
"text": "boolean | undefined"
|
2854
2771
|
},
|
2855
|
-
"
|
2856
|
-
"
|
2857
|
-
"
|
2858
|
-
"inheritedFrom": {
|
2859
|
-
"name": "FormfieldWrapper",
|
2860
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
2861
|
-
}
|
2772
|
+
"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.",
|
2773
|
+
"default": "undefined",
|
2774
|
+
"fieldName": "active"
|
2862
2775
|
},
|
2863
2776
|
{
|
2864
|
-
"
|
2865
|
-
"name": "helpTextType",
|
2777
|
+
"name": "soft-disabled",
|
2866
2778
|
"type": {
|
2867
|
-
"text": "
|
2779
|
+
"text": "boolean | undefined"
|
2868
2780
|
},
|
2869
|
-
"description": "
|
2870
|
-
"
|
2871
|
-
"
|
2872
|
-
"inheritedFrom": {
|
2873
|
-
"name": "FormfieldWrapper",
|
2874
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
2875
|
-
}
|
2781
|
+
"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.",
|
2782
|
+
"default": "undefined",
|
2783
|
+
"fieldName": "softDisabled"
|
2876
2784
|
},
|
2877
2785
|
{
|
2878
|
-
"
|
2879
|
-
"name": "helpText",
|
2786
|
+
"name": "size",
|
2880
2787
|
"type": {
|
2881
|
-
"text": "
|
2788
|
+
"text": "ButtonSize"
|
2882
2789
|
},
|
2883
|
-
"description": "
|
2884
|
-
"
|
2885
|
-
"
|
2886
|
-
"inheritedFrom": {
|
2887
|
-
"name": "FormfieldWrapper",
|
2888
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
2889
|
-
}
|
2790
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
2791
|
+
"default": "32",
|
2792
|
+
"fieldName": "size"
|
2890
2793
|
},
|
2891
2794
|
{
|
2892
|
-
"
|
2893
|
-
"
|
2894
|
-
"
|
2895
|
-
"
|
2896
|
-
"return": {
|
2897
|
-
"type": {
|
2898
|
-
"text": ""
|
2899
|
-
}
|
2900
|
-
},
|
2901
|
-
"inheritedFrom": {
|
2902
|
-
"name": "FormfieldWrapper",
|
2903
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
2904
|
-
}
|
2795
|
+
"name": "role",
|
2796
|
+
"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.",
|
2797
|
+
"default": "button",
|
2798
|
+
"fieldName": "role"
|
2905
2799
|
},
|
2906
2800
|
{
|
2907
|
-
"
|
2908
|
-
"
|
2909
|
-
|
2910
|
-
|
2911
|
-
|
2912
|
-
|
2913
|
-
|
2801
|
+
"name": "ariaStateKey",
|
2802
|
+
"type": {
|
2803
|
+
"text": "string | undefined"
|
2804
|
+
},
|
2805
|
+
"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`",
|
2806
|
+
"default": "'aria-pressed' (when)",
|
2807
|
+
"fieldName": "ariaStateKey"
|
2914
2808
|
},
|
2915
2809
|
{
|
2916
|
-
"
|
2917
|
-
"
|
2918
|
-
|
2919
|
-
"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.",
|
2920
|
-
"return": {
|
2921
|
-
"type": {
|
2922
|
-
"text": ""
|
2923
|
-
}
|
2810
|
+
"name": "type",
|
2811
|
+
"type": {
|
2812
|
+
"text": "ButtonType"
|
2924
2813
|
},
|
2925
|
-
"
|
2926
|
-
|
2927
|
-
|
2928
|
-
}
|
2814
|
+
"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.",
|
2815
|
+
"default": "button",
|
2816
|
+
"fieldName": "type"
|
2929
2817
|
},
|
2930
2818
|
{
|
2931
|
-
"
|
2932
|
-
"
|
2933
|
-
|
2934
|
-
"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.",
|
2935
|
-
"return": {
|
2936
|
-
"type": {
|
2937
|
-
"text": ""
|
2938
|
-
}
|
2819
|
+
"name": "tabIndex",
|
2820
|
+
"type": {
|
2821
|
+
"text": "number"
|
2939
2822
|
},
|
2823
|
+
"default": "0",
|
2824
|
+
"description": "This property specifies the tab order of the element.",
|
2825
|
+
"fieldName": "tabIndex",
|
2940
2826
|
"inheritedFrom": {
|
2941
|
-
"name": "
|
2942
|
-
"module": "
|
2827
|
+
"name": "TabIndexMixin",
|
2828
|
+
"module": "src/utils/mixins/TabIndexMixin.ts"
|
2943
2829
|
}
|
2944
2830
|
},
|
2945
2831
|
{
|
2946
|
-
"
|
2947
|
-
"
|
2948
|
-
|
2949
|
-
"description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
|
2950
|
-
"return": {
|
2951
|
-
"type": {
|
2952
|
-
"text": ""
|
2953
|
-
}
|
2832
|
+
"name": "disabled",
|
2833
|
+
"type": {
|
2834
|
+
"text": "boolean | undefined"
|
2954
2835
|
},
|
2836
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
2837
|
+
"default": "undefined",
|
2838
|
+
"fieldName": "disabled",
|
2955
2839
|
"inheritedFrom": {
|
2956
|
-
"name": "
|
2957
|
-
"module": "
|
2840
|
+
"name": "DisabledMixin",
|
2841
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
2958
2842
|
}
|
2843
|
+
}
|
2844
|
+
],
|
2845
|
+
"mixins": [
|
2846
|
+
{
|
2847
|
+
"name": "TabIndexMixin",
|
2848
|
+
"module": "/src/utils/mixins/TabIndexMixin"
|
2959
2849
|
},
|
2960
2850
|
{
|
2961
|
-
"
|
2962
|
-
"
|
2963
|
-
"privacy": "protected",
|
2964
|
-
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
2965
|
-
"return": {
|
2966
|
-
"type": {
|
2967
|
-
"text": ""
|
2968
|
-
}
|
2969
|
-
},
|
2970
|
-
"inheritedFrom": {
|
2971
|
-
"name": "FormfieldWrapper",
|
2972
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
2973
|
-
}
|
2851
|
+
"name": "DisabledMixin",
|
2852
|
+
"module": "/src/utils/mixins/DisabledMixin"
|
2974
2853
|
}
|
2975
2854
|
],
|
2976
|
-
"
|
2855
|
+
"superclass": {
|
2856
|
+
"name": "Component",
|
2857
|
+
"module": "/src/models"
|
2858
|
+
},
|
2859
|
+
"tagName": "mdc-buttonsimple",
|
2860
|
+
"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 */",
|
2861
|
+
"customElement": true
|
2862
|
+
}
|
2863
|
+
],
|
2864
|
+
"exports": [
|
2865
|
+
{
|
2866
|
+
"kind": "js",
|
2867
|
+
"name": "default",
|
2868
|
+
"declaration": {
|
2869
|
+
"name": "Buttonsimple",
|
2870
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
2871
|
+
}
|
2872
|
+
}
|
2873
|
+
]
|
2874
|
+
},
|
2875
|
+
{
|
2876
|
+
"kind": "javascript-module",
|
2877
|
+
"path": "components/checkbox/checkbox.component.js",
|
2878
|
+
"declarations": [
|
2879
|
+
{
|
2880
|
+
"kind": "class",
|
2881
|
+
"description": "Checkboxes allow users to select multiple options from a list or turn an item/feature on or off.\nThese are often used in forms, settings, and selections in lists.\n\nA checkbox component contains an optional label and an optional helper text.\n\nTo create a group of checkboxes, use the FormFieldGroup component.",
|
2882
|
+
"name": "Checkbox",
|
2883
|
+
"cssProperties": [
|
2977
2884
|
{
|
2978
|
-
"
|
2979
|
-
|
2980
|
-
}
|
2885
|
+
"description": "Allows customization of the background color on hover.",
|
2886
|
+
"name": "--mdc-checkbox-background-color-hover"
|
2981
2887
|
},
|
2982
2888
|
{
|
2983
|
-
"description": "
|
2984
|
-
"name": "
|
2985
|
-
"reactName": "onChange"
|
2889
|
+
"description": "Border color in high contrast.",
|
2890
|
+
"name": "--mdc-checkbox-border-color"
|
2986
2891
|
},
|
2987
2892
|
{
|
2988
|
-
"description": "
|
2989
|
-
"name": "
|
2990
|
-
|
2893
|
+
"description": "Background color for a selected checkbox.",
|
2894
|
+
"name": "--mdc-checkbox-checked-background-color"
|
2895
|
+
},
|
2896
|
+
{
|
2897
|
+
"description": "Background color for a selected checkbox when hovered.",
|
2898
|
+
"name": "--mdc-checkbox-checked-background-color-hover"
|
2899
|
+
},
|
2900
|
+
{
|
2901
|
+
"description": "Background color for a selected checkbox when pressed.",
|
2902
|
+
"name": "--mdc-checkbox-checked-pressed-icon-color"
|
2903
|
+
},
|
2904
|
+
{
|
2905
|
+
"description": "Background color for a disabled checkbox.",
|
2906
|
+
"name": "--mdc-checkbox-disabled-background-color"
|
2907
|
+
},
|
2908
|
+
{
|
2909
|
+
"description": "Border color for a disabled checkbox.",
|
2910
|
+
"name": "--mdc-checkbox-disabled-border-color"
|
2911
|
+
},
|
2912
|
+
{
|
2913
|
+
"description": "Background color for a disabled, selected checkbox.",
|
2914
|
+
"name": "--mdc-checkbox-disabled-checked-icon-color"
|
2915
|
+
},
|
2916
|
+
{
|
2917
|
+
"description": "Icon color for a disabled checkbox.",
|
2918
|
+
"name": "--mdc-checkbox-disabled-icon-color"
|
2919
|
+
},
|
2920
|
+
{
|
2921
|
+
"description": "Background color for an unselected checkbox.",
|
2922
|
+
"name": "--mdc-checkbox-icon-background-color"
|
2923
|
+
},
|
2924
|
+
{
|
2925
|
+
"description": "Default background color for an unselected checkbox.",
|
2926
|
+
"name": "--mdc-checkbox-icon-border-color"
|
2927
|
+
},
|
2928
|
+
{
|
2929
|
+
"description": "Icon color for an unselected checkbox.",
|
2930
|
+
"name": "--mdc-checkbox-icon-color"
|
2931
|
+
},
|
2932
|
+
{
|
2933
|
+
"description": "Background color for a selected checkbox when pressed.",
|
2934
|
+
"name": "--mdc-checkbox-pressed-icon-color"
|
2991
2935
|
}
|
2992
2936
|
],
|
2993
|
-
"
|
2937
|
+
"members": [
|
2994
2938
|
{
|
2939
|
+
"kind": "field",
|
2995
2940
|
"name": "checked",
|
2996
2941
|
"type": {
|
2997
2942
|
"text": "boolean"
|
2998
2943
|
},
|
2999
2944
|
"default": "false",
|
3000
2945
|
"description": "Determines whether the checkbox is selected or unselected.",
|
3001
|
-
"
|
2946
|
+
"attribute": "checked",
|
2947
|
+
"reflects": true
|
3002
2948
|
},
|
3003
2949
|
{
|
2950
|
+
"kind": "field",
|
3004
2951
|
"name": "indeterminate",
|
3005
2952
|
"type": {
|
3006
2953
|
"text": "boolean"
|
3007
2954
|
},
|
3008
2955
|
"default": "false",
|
3009
2956
|
"description": "This property is used to determine the parent checkbox in a nested checkbox group.\nIf any one of the children is unselected, then the parent checkbox will be indeterminate.\nIf all children are either selected or unselected, then the parent checkbox will not be indeterminate.",
|
3010
|
-
"
|
2957
|
+
"attribute": "indeterminate",
|
2958
|
+
"reflects": true
|
3011
2959
|
},
|
3012
2960
|
{
|
2961
|
+
"kind": "field",
|
3013
2962
|
"name": "autofocus",
|
3014
2963
|
"type": {
|
3015
2964
|
"text": "boolean"
|
3016
2965
|
},
|
3017
2966
|
"default": "false",
|
3018
2967
|
"description": "Automatically focus on the element when the page loads.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
|
3019
|
-
"
|
2968
|
+
"attribute": "autofocus",
|
2969
|
+
"reflects": true
|
3020
2970
|
},
|
3021
2971
|
{
|
3022
|
-
"
|
3023
|
-
"
|
3024
|
-
|
3025
|
-
|
3026
|
-
|
3027
|
-
|
3028
|
-
"
|
3029
|
-
"
|
3030
|
-
|
3031
|
-
|
3032
|
-
|
3033
|
-
|
2972
|
+
"kind": "method",
|
2973
|
+
"name": "setFormValue",
|
2974
|
+
"privacy": "private",
|
2975
|
+
"description": "Updates the form value to reflect the current state of the checkbox.\nIf checked, the value is set to either the user-provided value or 'on' if no value is provided.\nIf unchecked, the value is set to null."
|
2976
|
+
},
|
2977
|
+
{
|
2978
|
+
"kind": "method",
|
2979
|
+
"name": "manageRequired",
|
2980
|
+
"privacy": "private",
|
2981
|
+
"description": "Manages the required state of the checkbox.\nIf the checkbox is not checked and the requiredLabel property is set, then the checkbox is invalid."
|
2982
|
+
},
|
2983
|
+
{
|
2984
|
+
"kind": "method",
|
2985
|
+
"name": "toggleState",
|
2986
|
+
"privacy": "private",
|
2987
|
+
"return": {
|
2988
|
+
"type": {
|
2989
|
+
"text": "void"
|
2990
|
+
}
|
2991
|
+
},
|
2992
|
+
"description": "Toggles the state of the checkbox element.\nIf the element is not disabled, then\nthe checked property is toggled and the indeterminate property is set to false."
|
2993
|
+
},
|
2994
|
+
{
|
2995
|
+
"kind": "method",
|
2996
|
+
"name": "handleKeyDown",
|
2997
|
+
"privacy": "private",
|
2998
|
+
"return": {
|
2999
|
+
"type": {
|
3000
|
+
"text": "void"
|
3001
|
+
}
|
3002
|
+
},
|
3003
|
+
"parameters": [
|
3004
|
+
{
|
3005
|
+
"name": "event",
|
3006
|
+
"type": {
|
3007
|
+
"text": "KeyboardEvent"
|
3008
|
+
},
|
3009
|
+
"description": "The keyboard event."
|
3010
|
+
}
|
3011
|
+
],
|
3012
|
+
"description": "Handles the keydown event on the checkbox.\nWhen the user presses Enter, the form is submitted."
|
3013
|
+
},
|
3014
|
+
{
|
3015
|
+
"kind": "method",
|
3016
|
+
"name": "handleChange",
|
3017
|
+
"privacy": "public",
|
3018
|
+
"return": {
|
3019
|
+
"type": {
|
3020
|
+
"text": "void"
|
3021
|
+
}
|
3022
|
+
},
|
3023
|
+
"parameters": [
|
3024
|
+
{
|
3025
|
+
"name": "event",
|
3026
|
+
"type": {
|
3027
|
+
"text": "Event"
|
3028
|
+
}
|
3029
|
+
}
|
3030
|
+
],
|
3031
|
+
"description": "Toggles the state of the checkbox element.\nand dispatch the new change event."
|
3032
|
+
},
|
3033
|
+
{
|
3034
|
+
"kind": "field",
|
3035
|
+
"name": "renderLabelAndHelperText",
|
3036
|
+
"privacy": "private"
|
3037
|
+
},
|
3038
|
+
{
|
3039
|
+
"kind": "field",
|
3040
|
+
"name": "name",
|
3041
|
+
"type": {
|
3042
|
+
"text": "string"
|
3043
|
+
},
|
3044
|
+
"default": "''",
|
3045
|
+
"description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
|
3046
|
+
"attribute": "name",
|
3047
|
+
"reflects": true,
|
3048
|
+
"inheritedFrom": {
|
3049
|
+
"name": "FormInternalsMixin",
|
3050
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
3051
|
+
}
|
3052
|
+
},
|
3034
3053
|
{
|
3054
|
+
"kind": "field",
|
3035
3055
|
"name": "value",
|
3036
3056
|
"type": {
|
3037
3057
|
"text": "string"
|
3038
3058
|
},
|
3039
3059
|
"default": "''",
|
3040
3060
|
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
3041
|
-
"
|
3061
|
+
"attribute": "value",
|
3062
|
+
"reflects": true,
|
3042
3063
|
"inheritedFrom": {
|
3043
3064
|
"name": "FormInternalsMixin",
|
3044
|
-
"module": "
|
3065
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
3045
3066
|
}
|
3046
3067
|
},
|
3047
3068
|
{
|
3048
|
-
"
|
3069
|
+
"kind": "field",
|
3070
|
+
"name": "validationMessage",
|
3049
3071
|
"type": {
|
3050
3072
|
"text": "string | undefined"
|
3051
3073
|
},
|
3052
3074
|
"description": "Custom validation message that will override the default message and displayed when the input is invalid.",
|
3053
|
-
"
|
3075
|
+
"attribute": "validation-message",
|
3076
|
+
"reflects": true,
|
3054
3077
|
"inheritedFrom": {
|
3055
3078
|
"name": "FormInternalsMixin",
|
3056
|
-
"module": "
|
3079
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
3057
3080
|
}
|
3058
3081
|
},
|
3059
3082
|
{
|
3060
|
-
"
|
3083
|
+
"kind": "field",
|
3084
|
+
"name": "validity",
|
3085
|
+
"type": {
|
3086
|
+
"text": "ValidityState"
|
3087
|
+
},
|
3088
|
+
"readonly": true,
|
3089
|
+
"inheritedFrom": {
|
3090
|
+
"name": "FormInternalsMixin",
|
3091
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
3092
|
+
}
|
3093
|
+
},
|
3094
|
+
{
|
3095
|
+
"kind": "field",
|
3096
|
+
"name": "willValidate",
|
3097
|
+
"readonly": true,
|
3098
|
+
"inheritedFrom": {
|
3099
|
+
"name": "FormInternalsMixin",
|
3100
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
3101
|
+
}
|
3102
|
+
},
|
3103
|
+
{
|
3104
|
+
"kind": "method",
|
3105
|
+
"name": "setValidity",
|
3106
|
+
"description": "Sets the validity of the input field based on the input field's validity.",
|
3107
|
+
"return": {
|
3108
|
+
"type": {
|
3109
|
+
"text": ""
|
3110
|
+
}
|
3111
|
+
},
|
3112
|
+
"inheritedFrom": {
|
3113
|
+
"name": "FormInternalsMixin",
|
3114
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
3115
|
+
}
|
3116
|
+
},
|
3117
|
+
{
|
3118
|
+
"kind": "method",
|
3119
|
+
"name": "checkValidity",
|
3120
|
+
"return": {
|
3121
|
+
"type": {
|
3122
|
+
"text": "boolean"
|
3123
|
+
}
|
3124
|
+
},
|
3125
|
+
"inheritedFrom": {
|
3126
|
+
"name": "FormInternalsMixin",
|
3127
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
3128
|
+
}
|
3129
|
+
},
|
3130
|
+
{
|
3131
|
+
"kind": "method",
|
3132
|
+
"name": "reportValidity",
|
3133
|
+
"inheritedFrom": {
|
3134
|
+
"name": "FormInternalsMixin",
|
3135
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
3136
|
+
}
|
3137
|
+
},
|
3138
|
+
{
|
3139
|
+
"kind": "field",
|
3140
|
+
"name": "dataAriaLabel",
|
3061
3141
|
"type": {
|
3062
3142
|
"text": "string | null"
|
3063
3143
|
},
|
3064
3144
|
"default": "null",
|
3065
3145
|
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
3066
|
-
"
|
3146
|
+
"attribute": "data-aria-label",
|
3147
|
+
"reflects": true,
|
3067
3148
|
"inheritedFrom": {
|
3068
3149
|
"name": "DataAriaLabelMixin",
|
3069
|
-
"module": "
|
3150
|
+
"module": "utils/mixins/DataAriaLabelMixin.js"
|
3070
3151
|
}
|
3071
3152
|
},
|
3072
3153
|
{
|
3154
|
+
"kind": "field",
|
3073
3155
|
"name": "disabled",
|
3074
3156
|
"type": {
|
3075
3157
|
"text": "boolean | undefined"
|
3076
3158
|
},
|
3077
3159
|
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
3078
3160
|
"default": "undefined",
|
3079
|
-
"
|
3161
|
+
"attribute": "disabled",
|
3162
|
+
"reflects": true,
|
3080
3163
|
"inheritedFrom": {
|
3081
3164
|
"name": "DisabledMixin",
|
3082
|
-
"module": "
|
3165
|
+
"module": "utils/mixins/DisabledMixin.js"
|
3083
3166
|
}
|
3084
3167
|
},
|
3085
3168
|
{
|
3169
|
+
"kind": "field",
|
3086
3170
|
"name": "label",
|
3087
3171
|
"type": {
|
3088
3172
|
"text": "string | undefined"
|
3089
3173
|
},
|
3090
3174
|
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
3091
|
-
"
|
3175
|
+
"attribute": "label",
|
3176
|
+
"reflects": true,
|
3092
3177
|
"inheritedFrom": {
|
3093
3178
|
"name": "FormfieldWrapper",
|
3094
|
-
"module": "
|
3179
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
3095
3180
|
}
|
3096
3181
|
},
|
3097
3182
|
{
|
3098
|
-
"
|
3183
|
+
"kind": "field",
|
3184
|
+
"name": "requiredLabel",
|
3099
3185
|
"type": {
|
3100
3186
|
"text": "string | undefined"
|
3101
3187
|
},
|
3102
3188
|
"description": "The required label of the input field.\nWhen an appropriate string value is set,\nthe input field is marked as required and the label is appended with this text.",
|
3103
|
-
"
|
3189
|
+
"attribute": "required-label",
|
3190
|
+
"reflects": true,
|
3104
3191
|
"inheritedFrom": {
|
3105
3192
|
"name": "FormfieldWrapper",
|
3106
|
-
"module": "
|
3193
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
3107
3194
|
}
|
3108
3195
|
},
|
3109
3196
|
{
|
3197
|
+
"kind": "field",
|
3110
3198
|
"name": "id",
|
3111
3199
|
"type": {
|
3112
3200
|
"text": "string"
|
3113
3201
|
},
|
3114
3202
|
"default": "''",
|
3115
3203
|
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
3116
|
-
"
|
3204
|
+
"attribute": "id",
|
3117
3205
|
"inheritedFrom": {
|
3118
3206
|
"name": "FormfieldWrapper",
|
3119
|
-
"module": "
|
3207
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
3120
3208
|
}
|
3121
3209
|
},
|
3122
3210
|
{
|
3123
|
-
"
|
3211
|
+
"kind": "field",
|
3212
|
+
"name": "helpTextType",
|
3124
3213
|
"type": {
|
3125
3214
|
"text": "ValidationType"
|
3126
3215
|
},
|
3127
3216
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
3128
|
-
"
|
3217
|
+
"attribute": "help-text-type",
|
3218
|
+
"reflects": true,
|
3129
3219
|
"inheritedFrom": {
|
3130
3220
|
"name": "FormfieldWrapper",
|
3131
|
-
"module": "
|
3221
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
3132
3222
|
}
|
3133
3223
|
},
|
3134
3224
|
{
|
3135
|
-
"
|
3225
|
+
"kind": "field",
|
3226
|
+
"name": "helpText",
|
3136
3227
|
"type": {
|
3137
3228
|
"text": "string | undefined"
|
3138
3229
|
},
|
3139
3230
|
"description": "The help text that is displayed below the input field.",
|
3140
|
-
"
|
3231
|
+
"attribute": "help-text",
|
3232
|
+
"reflects": true,
|
3141
3233
|
"inheritedFrom": {
|
3142
3234
|
"name": "FormfieldWrapper",
|
3143
|
-
"module": "
|
3235
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
3144
3236
|
}
|
3145
|
-
}
|
3146
|
-
],
|
3147
|
-
"mixins": [
|
3237
|
+
},
|
3148
3238
|
{
|
3149
|
-
"
|
3150
|
-
"
|
3239
|
+
"kind": "method",
|
3240
|
+
"name": "renderLabelElement",
|
3241
|
+
"privacy": "protected",
|
3242
|
+
"description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
|
3243
|
+
"return": {
|
3244
|
+
"type": {
|
3245
|
+
"text": ""
|
3246
|
+
}
|
3247
|
+
},
|
3248
|
+
"inheritedFrom": {
|
3249
|
+
"name": "FormfieldWrapper",
|
3250
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
3251
|
+
}
|
3151
3252
|
},
|
3152
3253
|
{
|
3153
|
-
"
|
3154
|
-
"
|
3155
|
-
|
3156
|
-
|
3157
|
-
|
3158
|
-
|
3159
|
-
|
3160
|
-
|
3161
|
-
"tagName": "mdc-checkbox",
|
3162
|
-
"jsDoc": "/**\n * Checkboxes allow users to select multiple options from a list or turn an item/feature on or off.\n * These are often used in forms, settings, and selections in lists.\n *\n * A checkbox component contains an optional label and an optional helper text.\n *\n * To create a group of checkboxes, use the FormFieldGroup component.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-checkbox\n *\n * @event change - (React: onChange) Event that gets dispatched when the checkbox state changes.\n * @event focus - (React: onFocus) Event that gets dispatched when the checkbox receives focus.\n *\n * @cssproperty --mdc-checkbox-background-color-hover - Allows customization of the background color on hover.\n * @cssproperty --mdc-checkbox-border-color - Border color in high contrast.\n * @cssproperty --mdc-checkbox-checked-background-color - Background color for a selected checkbox.\n * @cssproperty --mdc-checkbox-checked-background-color-hover - Background color for a selected checkbox when hovered.\n * @cssproperty --mdc-checkbox-checked-pressed-icon-color - Background color for a selected checkbox when pressed.\n * @cssproperty --mdc-checkbox-disabled-background-color - Background color for a disabled checkbox.\n * @cssproperty --mdc-checkbox-disabled-border-color - Border color for a disabled checkbox.\n * @cssproperty --mdc-checkbox-disabled-checked-icon-color - Background color for a disabled, selected checkbox.\n * @cssproperty --mdc-checkbox-disabled-icon-color - Icon color for a disabled checkbox.\n * @cssproperty --mdc-checkbox-icon-background-color - Background color for an unselected checkbox.\n * @cssproperty --mdc-checkbox-icon-border-color - Default background color for an unselected checkbox.\n * @cssproperty --mdc-checkbox-icon-color - Icon color for an unselected checkbox.\n * @cssproperty --mdc-checkbox-pressed-icon-color - Background color for a selected checkbox when pressed.\n */",
|
3163
|
-
"customElement": true,
|
3164
|
-
"slots": [
|
3254
|
+
"kind": "method",
|
3255
|
+
"name": "renderRequiredLabel",
|
3256
|
+
"privacy": "protected",
|
3257
|
+
"inheritedFrom": {
|
3258
|
+
"name": "FormfieldWrapper",
|
3259
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
3260
|
+
}
|
3261
|
+
},
|
3165
3262
|
{
|
3166
|
-
"
|
3167
|
-
"name": "
|
3263
|
+
"kind": "method",
|
3264
|
+
"name": "renderHelpTextIcon",
|
3265
|
+
"privacy": "protected",
|
3266
|
+
"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.",
|
3267
|
+
"return": {
|
3268
|
+
"type": {
|
3269
|
+
"text": ""
|
3270
|
+
}
|
3271
|
+
},
|
3168
3272
|
"inheritedFrom": {
|
3169
3273
|
"name": "FormfieldWrapper",
|
3170
|
-
"module": "
|
3274
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
3171
3275
|
}
|
3172
|
-
}
|
3173
|
-
]
|
3174
|
-
}
|
3175
|
-
],
|
3176
|
-
"exports": [
|
3177
|
-
{
|
3178
|
-
"kind": "js",
|
3179
|
-
"name": "default",
|
3180
|
-
"declaration": {
|
3181
|
-
"name": "Checkbox",
|
3182
|
-
"module": "components/checkbox/checkbox.component.js"
|
3183
|
-
}
|
3184
|
-
}
|
3185
|
-
]
|
3186
|
-
},
|
3187
|
-
{
|
3188
|
-
"kind": "javascript-module",
|
3189
|
-
"path": "components/buttonsimple/buttonsimple.component.js",
|
3190
|
-
"declarations": [
|
3191
|
-
{
|
3192
|
-
"kind": "class",
|
3193
|
-
"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.",
|
3194
|
-
"name": "Buttonsimple",
|
3195
|
-
"members": [
|
3196
|
-
{
|
3197
|
-
"kind": "field",
|
3198
|
-
"name": "active",
|
3199
|
-
"type": {
|
3200
|
-
"text": "boolean | undefined"
|
3201
|
-
},
|
3202
|
-
"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.",
|
3203
|
-
"default": "undefined",
|
3204
|
-
"attribute": "active",
|
3205
|
-
"reflects": true
|
3206
|
-
},
|
3207
|
-
{
|
3208
|
-
"kind": "field",
|
3209
|
-
"name": "softDisabled",
|
3210
|
-
"type": {
|
3211
|
-
"text": "boolean | undefined"
|
3212
|
-
},
|
3213
|
-
"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.",
|
3214
|
-
"default": "undefined",
|
3215
|
-
"attribute": "soft-disabled"
|
3216
|
-
},
|
3217
|
-
{
|
3218
|
-
"kind": "field",
|
3219
|
-
"name": "size",
|
3220
|
-
"type": {
|
3221
|
-
"text": "ButtonSize"
|
3222
|
-
},
|
3223
|
-
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
3224
|
-
"default": "32",
|
3225
|
-
"attribute": "size",
|
3226
|
-
"reflects": true
|
3227
|
-
},
|
3228
|
-
{
|
3229
|
-
"kind": "field",
|
3230
|
-
"name": "role",
|
3231
|
-
"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.",
|
3232
|
-
"default": "button",
|
3233
|
-
"attribute": "role",
|
3234
|
-
"reflects": true
|
3235
|
-
},
|
3236
|
-
{
|
3237
|
-
"kind": "field",
|
3238
|
-
"name": "ariaStateKey",
|
3239
|
-
"type": {
|
3240
|
-
"text": "string | undefined"
|
3241
|
-
},
|
3242
|
-
"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`",
|
3243
|
-
"default": "'aria-pressed' (when)",
|
3244
|
-
"attribute": "ariaStateKey",
|
3245
|
-
"reflects": true
|
3246
|
-
},
|
3247
|
-
{
|
3248
|
-
"kind": "field",
|
3249
|
-
"name": "type",
|
3250
|
-
"type": {
|
3251
|
-
"text": "ButtonType"
|
3252
|
-
},
|
3253
|
-
"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.",
|
3254
|
-
"default": "button",
|
3255
|
-
"attribute": "type",
|
3256
|
-
"reflects": true
|
3257
3276
|
},
|
3258
3277
|
{
|
3259
3278
|
"kind": "method",
|
3260
|
-
"name": "
|
3261
|
-
"privacy": "protected"
|
3262
|
-
},
|
3263
|
-
{
|
3264
|
-
"kind": "method",
|
3265
|
-
"name": "setActive",
|
3279
|
+
"name": "renderHelpText",
|
3266
3280
|
"privacy": "protected",
|
3267
|
-
"
|
3268
|
-
|
3269
|
-
|
3270
|
-
"
|
3271
|
-
"text": "HTMLElement"
|
3272
|
-
},
|
3273
|
-
"description": "The button element"
|
3274
|
-
},
|
3275
|
-
{
|
3276
|
-
"name": "active",
|
3277
|
-
"optional": true,
|
3278
|
-
"type": {
|
3279
|
-
"text": "boolean"
|
3280
|
-
},
|
3281
|
-
"description": "The active state of the element"
|
3281
|
+
"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.",
|
3282
|
+
"return": {
|
3283
|
+
"type": {
|
3284
|
+
"text": ""
|
3282
3285
|
}
|
3283
|
-
|
3284
|
-
"
|
3286
|
+
},
|
3287
|
+
"inheritedFrom": {
|
3288
|
+
"name": "FormfieldWrapper",
|
3289
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
3290
|
+
}
|
3285
3291
|
},
|
3286
3292
|
{
|
3287
3293
|
"kind": "method",
|
3288
|
-
"name": "
|
3289
|
-
"privacy": "
|
3290
|
-
"
|
3291
|
-
|
3292
|
-
|
3293
|
-
"
|
3294
|
-
"text": "HTMLElement"
|
3295
|
-
},
|
3296
|
-
"description": "The button element."
|
3297
|
-
},
|
3298
|
-
{
|
3299
|
-
"name": "softDisabled",
|
3300
|
-
"optional": true,
|
3301
|
-
"type": {
|
3302
|
-
"text": "boolean"
|
3303
|
-
},
|
3304
|
-
"description": "The soft-disabled state."
|
3294
|
+
"name": "renderLabel",
|
3295
|
+
"privacy": "protected",
|
3296
|
+
"description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
|
3297
|
+
"return": {
|
3298
|
+
"type": {
|
3299
|
+
"text": ""
|
3305
3300
|
}
|
3306
|
-
|
3307
|
-
"
|
3301
|
+
},
|
3302
|
+
"inheritedFrom": {
|
3303
|
+
"name": "FormfieldWrapper",
|
3304
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
3305
|
+
}
|
3308
3306
|
},
|
3309
3307
|
{
|
3310
3308
|
"kind": "method",
|
3311
|
-
"name": "
|
3312
|
-
"privacy": "
|
3313
|
-
"
|
3314
|
-
|
3315
|
-
|
3316
|
-
"
|
3317
|
-
"text": "HTMLElement"
|
3318
|
-
},
|
3319
|
-
"description": "The button element."
|
3320
|
-
},
|
3321
|
-
{
|
3322
|
-
"name": "disabled",
|
3323
|
-
"type": {
|
3324
|
-
"text": "boolean"
|
3325
|
-
},
|
3326
|
-
"description": "The disabled state."
|
3309
|
+
"name": "renderHelperText",
|
3310
|
+
"privacy": "protected",
|
3311
|
+
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
3312
|
+
"return": {
|
3313
|
+
"type": {
|
3314
|
+
"text": ""
|
3327
3315
|
}
|
3328
|
-
|
3329
|
-
"
|
3330
|
-
|
3316
|
+
},
|
3317
|
+
"inheritedFrom": {
|
3318
|
+
"name": "FormfieldWrapper",
|
3319
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
3320
|
+
}
|
3321
|
+
}
|
3322
|
+
],
|
3323
|
+
"events": [
|
3331
3324
|
{
|
3332
|
-
"
|
3333
|
-
|
3334
|
-
|
3325
|
+
"type": {
|
3326
|
+
"text": "EventConstructor"
|
3327
|
+
}
|
3335
3328
|
},
|
3336
3329
|
{
|
3337
|
-
"
|
3338
|
-
"name": "
|
3339
|
-
"
|
3340
|
-
"description": "In case the button is pressed and the focus is lost while pressing,\nthe pressed class is removed."
|
3330
|
+
"description": "(React: onChange) Event that gets dispatched when the checkbox state changes.",
|
3331
|
+
"name": "change",
|
3332
|
+
"reactName": "onChange"
|
3341
3333
|
},
|
3342
3334
|
{
|
3343
|
-
"
|
3344
|
-
"name": "
|
3345
|
-
"
|
3346
|
-
|
3347
|
-
|
3348
|
-
|
3349
|
-
|
3350
|
-
|
3351
|
-
|
3352
|
-
|
3353
|
-
|
3354
|
-
|
3355
|
-
"description": "
|
3335
|
+
"description": "(React: onFocus) Event that gets dispatched when the checkbox receives focus.",
|
3336
|
+
"name": "focus",
|
3337
|
+
"reactName": "onFocus"
|
3338
|
+
}
|
3339
|
+
],
|
3340
|
+
"attributes": [
|
3341
|
+
{
|
3342
|
+
"name": "checked",
|
3343
|
+
"type": {
|
3344
|
+
"text": "boolean"
|
3345
|
+
},
|
3346
|
+
"default": "false",
|
3347
|
+
"description": "Determines whether the checkbox is selected or unselected.",
|
3348
|
+
"fieldName": "checked"
|
3356
3349
|
},
|
3357
3350
|
{
|
3358
|
-
"
|
3359
|
-
"
|
3360
|
-
|
3361
|
-
|
3362
|
-
|
3363
|
-
|
3364
|
-
|
3365
|
-
"text": "KeyboardEvent"
|
3366
|
-
},
|
3367
|
-
"description": "The keyboard event."
|
3368
|
-
}
|
3369
|
-
],
|
3370
|
-
"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."
|
3351
|
+
"name": "indeterminate",
|
3352
|
+
"type": {
|
3353
|
+
"text": "boolean"
|
3354
|
+
},
|
3355
|
+
"default": "false",
|
3356
|
+
"description": "This property is used to determine the parent checkbox in a nested checkbox group.\nIf any one of the children is unselected, then the parent checkbox will be indeterminate.\nIf all children are either selected or unselected, then the parent checkbox will not be indeterminate.",
|
3357
|
+
"fieldName": "indeterminate"
|
3371
3358
|
},
|
3372
3359
|
{
|
3373
|
-
"
|
3374
|
-
"name": "tabIndex",
|
3360
|
+
"name": "autofocus",
|
3375
3361
|
"type": {
|
3376
|
-
"text": "
|
3362
|
+
"text": "boolean"
|
3377
3363
|
},
|
3378
|
-
"default": "
|
3379
|
-
"description": "
|
3380
|
-
"
|
3381
|
-
"reflects": true,
|
3382
|
-
"inheritedFrom": {
|
3383
|
-
"name": "TabIndexMixin",
|
3384
|
-
"module": "utils/mixins/TabIndexMixin.js"
|
3385
|
-
}
|
3364
|
+
"default": "false",
|
3365
|
+
"description": "Automatically focus on the element when the page loads.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
|
3366
|
+
"fieldName": "autofocus"
|
3386
3367
|
},
|
3387
3368
|
{
|
3388
|
-
"
|
3389
|
-
"name": "disabled",
|
3369
|
+
"name": "name",
|
3390
3370
|
"type": {
|
3391
|
-
"text": "
|
3371
|
+
"text": "string"
|
3392
3372
|
},
|
3393
|
-
"
|
3394
|
-
"
|
3395
|
-
"
|
3396
|
-
"reflects": true,
|
3373
|
+
"default": "''",
|
3374
|
+
"description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
|
3375
|
+
"fieldName": "name",
|
3397
3376
|
"inheritedFrom": {
|
3398
|
-
"name": "
|
3399
|
-
"module": "utils/mixins/
|
3400
|
-
}
|
3401
|
-
}
|
3402
|
-
],
|
3403
|
-
"events": [
|
3404
|
-
{
|
3405
|
-
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
3406
|
-
"name": "click",
|
3407
|
-
"reactName": "onClick"
|
3377
|
+
"name": "FormInternalsMixin",
|
3378
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
3379
|
+
}
|
3408
3380
|
},
|
3409
3381
|
{
|
3410
|
-
"
|
3411
|
-
"
|
3412
|
-
|
3382
|
+
"name": "value",
|
3383
|
+
"type": {
|
3384
|
+
"text": "string"
|
3385
|
+
},
|
3386
|
+
"default": "''",
|
3387
|
+
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
3388
|
+
"fieldName": "value",
|
3389
|
+
"inheritedFrom": {
|
3390
|
+
"name": "FormInternalsMixin",
|
3391
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
3392
|
+
}
|
3413
3393
|
},
|
3414
3394
|
{
|
3415
|
-
"
|
3416
|
-
"
|
3417
|
-
|
3395
|
+
"name": "validation-message",
|
3396
|
+
"type": {
|
3397
|
+
"text": "string | undefined"
|
3398
|
+
},
|
3399
|
+
"description": "Custom validation message that will override the default message and displayed when the input is invalid.",
|
3400
|
+
"fieldName": "validationMessage",
|
3401
|
+
"inheritedFrom": {
|
3402
|
+
"name": "FormInternalsMixin",
|
3403
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
3404
|
+
}
|
3418
3405
|
},
|
3419
3406
|
{
|
3420
|
-
"
|
3421
|
-
"name": "focus",
|
3422
|
-
"reactName": "onFocus"
|
3423
|
-
}
|
3424
|
-
],
|
3425
|
-
"attributes": [
|
3426
|
-
{
|
3427
|
-
"name": "active",
|
3407
|
+
"name": "data-aria-label",
|
3428
3408
|
"type": {
|
3429
|
-
"text": "
|
3409
|
+
"text": "string | null"
|
3430
3410
|
},
|
3431
|
-
"
|
3432
|
-
"
|
3433
|
-
"fieldName": "
|
3411
|
+
"default": "null",
|
3412
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
3413
|
+
"fieldName": "dataAriaLabel",
|
3414
|
+
"inheritedFrom": {
|
3415
|
+
"name": "DataAriaLabelMixin",
|
3416
|
+
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
3417
|
+
}
|
3434
3418
|
},
|
3435
3419
|
{
|
3436
|
-
"name": "
|
3420
|
+
"name": "disabled",
|
3437
3421
|
"type": {
|
3438
3422
|
"text": "boolean | undefined"
|
3439
3423
|
},
|
3440
|
-
"description": "Indicates whether the
|
3424
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
3441
3425
|
"default": "undefined",
|
3442
|
-
"fieldName": "
|
3426
|
+
"fieldName": "disabled",
|
3427
|
+
"inheritedFrom": {
|
3428
|
+
"name": "DisabledMixin",
|
3429
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
3430
|
+
}
|
3443
3431
|
},
|
3444
3432
|
{
|
3445
|
-
"name": "
|
3433
|
+
"name": "label",
|
3446
3434
|
"type": {
|
3447
|
-
"text": "
|
3435
|
+
"text": "string | undefined"
|
3448
3436
|
},
|
3449
|
-
"description": "
|
3450
|
-
"
|
3451
|
-
"
|
3452
|
-
|
3453
|
-
|
3454
|
-
|
3455
|
-
"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.",
|
3456
|
-
"default": "button",
|
3457
|
-
"fieldName": "role"
|
3437
|
+
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
3438
|
+
"fieldName": "label",
|
3439
|
+
"inheritedFrom": {
|
3440
|
+
"name": "FormfieldWrapper",
|
3441
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
3442
|
+
}
|
3458
3443
|
},
|
3459
3444
|
{
|
3460
|
-
"name": "
|
3445
|
+
"name": "required-label",
|
3461
3446
|
"type": {
|
3462
3447
|
"text": "string | undefined"
|
3463
3448
|
},
|
3464
|
-
"description": "
|
3465
|
-
"
|
3466
|
-
"
|
3449
|
+
"description": "The required label of the input field.\nWhen an appropriate string value is set,\nthe input field is marked as required and the label is appended with this text.",
|
3450
|
+
"fieldName": "requiredLabel",
|
3451
|
+
"inheritedFrom": {
|
3452
|
+
"name": "FormfieldWrapper",
|
3453
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
3454
|
+
}
|
3467
3455
|
},
|
3468
3456
|
{
|
3469
|
-
"name": "
|
3457
|
+
"name": "id",
|
3470
3458
|
"type": {
|
3471
|
-
"text": "
|
3459
|
+
"text": "string"
|
3472
3460
|
},
|
3473
|
-
"
|
3474
|
-
"
|
3475
|
-
"fieldName": "
|
3461
|
+
"default": "''",
|
3462
|
+
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
3463
|
+
"fieldName": "id",
|
3464
|
+
"inheritedFrom": {
|
3465
|
+
"name": "FormfieldWrapper",
|
3466
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
3467
|
+
}
|
3476
3468
|
},
|
3477
3469
|
{
|
3478
|
-
"name": "
|
3470
|
+
"name": "help-text-type",
|
3479
3471
|
"type": {
|
3480
|
-
"text": "
|
3472
|
+
"text": "ValidationType"
|
3481
3473
|
},
|
3482
|
-
"
|
3483
|
-
"
|
3484
|
-
"fieldName": "tabIndex",
|
3474
|
+
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
3475
|
+
"fieldName": "helpTextType",
|
3485
3476
|
"inheritedFrom": {
|
3486
|
-
"name": "
|
3487
|
-
"module": "src/
|
3477
|
+
"name": "FormfieldWrapper",
|
3478
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
3488
3479
|
}
|
3489
3480
|
},
|
3490
3481
|
{
|
3491
|
-
"name": "
|
3482
|
+
"name": "help-text",
|
3492
3483
|
"type": {
|
3493
|
-
"text": "
|
3484
|
+
"text": "string | undefined"
|
3494
3485
|
},
|
3495
|
-
"description": "
|
3496
|
-
"
|
3497
|
-
"fieldName": "disabled",
|
3486
|
+
"description": "The help text that is displayed below the input field.",
|
3487
|
+
"fieldName": "helpText",
|
3498
3488
|
"inheritedFrom": {
|
3499
|
-
"name": "
|
3500
|
-
"module": "src/
|
3489
|
+
"name": "FormfieldWrapper",
|
3490
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
3501
3491
|
}
|
3502
3492
|
}
|
3503
3493
|
],
|
3504
3494
|
"mixins": [
|
3505
3495
|
{
|
3506
|
-
"name": "
|
3507
|
-
"module": "/src/utils/mixins/
|
3496
|
+
"name": "FormInternalsMixin",
|
3497
|
+
"module": "/src/utils/mixins/FormInternalsMixin"
|
3508
3498
|
},
|
3509
3499
|
{
|
3510
|
-
"name": "
|
3511
|
-
"module": "/src/utils/mixins/
|
3500
|
+
"name": "DataAriaLabelMixin",
|
3501
|
+
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
3512
3502
|
}
|
3513
3503
|
],
|
3514
3504
|
"superclass": {
|
3515
|
-
"name": "
|
3516
|
-
"module": "/src/
|
3505
|
+
"name": "FormfieldWrapper",
|
3506
|
+
"module": "/src/components/formfieldwrapper/formfieldwrapper.component"
|
3517
3507
|
},
|
3518
|
-
"tagName": "mdc-
|
3519
|
-
"jsDoc": "/**\n *
|
3520
|
-
"customElement": true
|
3508
|
+
"tagName": "mdc-checkbox",
|
3509
|
+
"jsDoc": "/**\n * Checkboxes allow users to select multiple options from a list or turn an item/feature on or off.\n * These are often used in forms, settings, and selections in lists.\n *\n * A checkbox component contains an optional label and an optional helper text.\n *\n * To create a group of checkboxes, use the FormFieldGroup component.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-checkbox\n *\n * @event change - (React: onChange) Event that gets dispatched when the checkbox state changes.\n * @event focus - (React: onFocus) Event that gets dispatched when the checkbox receives focus.\n *\n * @cssproperty --mdc-checkbox-background-color-hover - Allows customization of the background color on hover.\n * @cssproperty --mdc-checkbox-border-color - Border color in high contrast.\n * @cssproperty --mdc-checkbox-checked-background-color - Background color for a selected checkbox.\n * @cssproperty --mdc-checkbox-checked-background-color-hover - Background color for a selected checkbox when hovered.\n * @cssproperty --mdc-checkbox-checked-pressed-icon-color - Background color for a selected checkbox when pressed.\n * @cssproperty --mdc-checkbox-disabled-background-color - Background color for a disabled checkbox.\n * @cssproperty --mdc-checkbox-disabled-border-color - Border color for a disabled checkbox.\n * @cssproperty --mdc-checkbox-disabled-checked-icon-color - Background color for a disabled, selected checkbox.\n * @cssproperty --mdc-checkbox-disabled-icon-color - Icon color for a disabled checkbox.\n * @cssproperty --mdc-checkbox-icon-background-color - Background color for an unselected checkbox.\n * @cssproperty --mdc-checkbox-icon-border-color - Default background color for an unselected checkbox.\n * @cssproperty --mdc-checkbox-icon-color - Icon color for an unselected checkbox.\n * @cssproperty --mdc-checkbox-pressed-icon-color - Background color for a selected checkbox when pressed.\n */",
|
3510
|
+
"customElement": true,
|
3511
|
+
"slots": [
|
3512
|
+
{
|
3513
|
+
"description": "slot to add the label info icon",
|
3514
|
+
"name": "label-info",
|
3515
|
+
"inheritedFrom": {
|
3516
|
+
"name": "FormfieldWrapper",
|
3517
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
3518
|
+
}
|
3519
|
+
}
|
3520
|
+
]
|
3521
3521
|
}
|
3522
3522
|
],
|
3523
3523
|
"exports": [
|
@@ -3525,8 +3525,8 @@
|
|
3525
3525
|
"kind": "js",
|
3526
3526
|
"name": "default",
|
3527
3527
|
"declaration": {
|
3528
|
-
"name": "
|
3529
|
-
"module": "components/
|
3528
|
+
"name": "Checkbox",
|
3529
|
+
"module": "components/checkbox/checkbox.component.js"
|
3530
3530
|
}
|
3531
3531
|
}
|
3532
3532
|
]
|
@@ -8644,7 +8644,7 @@
|
|
8644
8644
|
"declarations": [
|
8645
8645
|
{
|
8646
8646
|
"kind": "class",
|
8647
|
-
"description": "`mdc-link` component can be used to navigate to a different page\nwithin the application or to an external site. It can be used to link to\nemails or phone numbers.\n\nThe `children` of the link component is expected to be
|
8647
|
+
"description": "`mdc-link` component can be used to navigate to a different page\nwithin the application or to an external site. It can be used to link to\nemails or phone numbers.\n\nThe `children` of the link component is expected to be the text content.\n\nFor `icon`, the `mdc-icon` component is used to render the icon.",
|
8648
8648
|
"name": "Link",
|
8649
8649
|
"cssProperties": [
|
8650
8650
|
{
|
@@ -8726,6 +8726,43 @@
|
|
8726
8726
|
"attribute": "size",
|
8727
8727
|
"reflects": true
|
8728
8728
|
},
|
8729
|
+
{
|
8730
|
+
"kind": "field",
|
8731
|
+
"name": "href",
|
8732
|
+
"type": {
|
8733
|
+
"text": "string"
|
8734
|
+
},
|
8735
|
+
"default": "'#'",
|
8736
|
+
"description": "Href for navigation. The URL that the hyperlink points to",
|
8737
|
+
"attribute": "href",
|
8738
|
+
"reflects": true
|
8739
|
+
},
|
8740
|
+
{
|
8741
|
+
"kind": "field",
|
8742
|
+
"name": "target",
|
8743
|
+
"type": {
|
8744
|
+
"text": "string"
|
8745
|
+
},
|
8746
|
+
"default": "'_self'",
|
8747
|
+
"description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
|
8748
|
+
"attribute": "target",
|
8749
|
+
"reflects": true
|
8750
|
+
},
|
8751
|
+
{
|
8752
|
+
"kind": "field",
|
8753
|
+
"name": "rel",
|
8754
|
+
"type": {
|
8755
|
+
"text": "string | undefined"
|
8756
|
+
},
|
8757
|
+
"description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
|
8758
|
+
"attribute": "rel",
|
8759
|
+
"reflects": true
|
8760
|
+
},
|
8761
|
+
{
|
8762
|
+
"kind": "field",
|
8763
|
+
"name": "handleNavigation",
|
8764
|
+
"privacy": "private"
|
8765
|
+
},
|
8729
8766
|
{
|
8730
8767
|
"kind": "method",
|
8731
8768
|
"name": "getIconSize",
|
@@ -8747,16 +8784,10 @@
|
|
8747
8784
|
"type": {
|
8748
8785
|
"text": "boolean"
|
8749
8786
|
},
|
8750
|
-
"description": "
|
8787
|
+
"description": "Whether the element should be disabled"
|
8751
8788
|
}
|
8752
8789
|
],
|
8753
|
-
"description": "
|
8754
|
-
},
|
8755
|
-
{
|
8756
|
-
"kind": "method",
|
8757
|
-
"name": "updateTrailingIcon",
|
8758
|
-
"privacy": "private",
|
8759
|
-
"description": "Method to create and append trailing icon to the first anchor element in the slot.\nIf no icon name is provided, no icon will be rendered."
|
8790
|
+
"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."
|
8760
8791
|
},
|
8761
8792
|
{
|
8762
8793
|
"kind": "field",
|
@@ -8773,6 +8804,21 @@
|
|
8773
8804
|
"module": "utils/mixins/DisabledMixin.js"
|
8774
8805
|
}
|
8775
8806
|
},
|
8807
|
+
{
|
8808
|
+
"kind": "field",
|
8809
|
+
"name": "tabIndex",
|
8810
|
+
"type": {
|
8811
|
+
"text": "number"
|
8812
|
+
},
|
8813
|
+
"default": "0",
|
8814
|
+
"description": "This property specifies the tab order of the element.",
|
8815
|
+
"attribute": "tabIndex",
|
8816
|
+
"reflects": true,
|
8817
|
+
"inheritedFrom": {
|
8818
|
+
"name": "TabIndexMixin",
|
8819
|
+
"module": "utils/mixins/TabIndexMixin.js"
|
8820
|
+
}
|
8821
|
+
},
|
8776
8822
|
{
|
8777
8823
|
"kind": "field",
|
8778
8824
|
"name": "iconName",
|
@@ -8787,6 +8833,28 @@
|
|
8787
8833
|
}
|
8788
8834
|
}
|
8789
8835
|
],
|
8836
|
+
"events": [
|
8837
|
+
{
|
8838
|
+
"description": "(React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.",
|
8839
|
+
"name": "click",
|
8840
|
+
"reactName": "onClick"
|
8841
|
+
},
|
8842
|
+
{
|
8843
|
+
"description": "(React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.",
|
8844
|
+
"name": "keydown",
|
8845
|
+
"reactName": "onKeyDown"
|
8846
|
+
},
|
8847
|
+
{
|
8848
|
+
"description": "(React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.",
|
8849
|
+
"name": "focus",
|
8850
|
+
"reactName": "onFocus"
|
8851
|
+
},
|
8852
|
+
{
|
8853
|
+
"description": "(React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.",
|
8854
|
+
"name": "blur",
|
8855
|
+
"reactName": "onBlur"
|
8856
|
+
}
|
8857
|
+
],
|
8790
8858
|
"attributes": [
|
8791
8859
|
{
|
8792
8860
|
"name": "inline",
|
@@ -8815,6 +8883,32 @@
|
|
8815
8883
|
"default": "large",
|
8816
8884
|
"fieldName": "size"
|
8817
8885
|
},
|
8886
|
+
{
|
8887
|
+
"name": "href",
|
8888
|
+
"type": {
|
8889
|
+
"text": "string"
|
8890
|
+
},
|
8891
|
+
"default": "'#'",
|
8892
|
+
"description": "Href for navigation. The URL that the hyperlink points to",
|
8893
|
+
"fieldName": "href"
|
8894
|
+
},
|
8895
|
+
{
|
8896
|
+
"name": "target",
|
8897
|
+
"type": {
|
8898
|
+
"text": "string"
|
8899
|
+
},
|
8900
|
+
"default": "'_self'",
|
8901
|
+
"description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
|
8902
|
+
"fieldName": "target"
|
8903
|
+
},
|
8904
|
+
{
|
8905
|
+
"name": "rel",
|
8906
|
+
"type": {
|
8907
|
+
"text": "string | undefined"
|
8908
|
+
},
|
8909
|
+
"description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
|
8910
|
+
"fieldName": "rel"
|
8911
|
+
},
|
8818
8912
|
{
|
8819
8913
|
"name": "disabled",
|
8820
8914
|
"type": {
|
@@ -8828,6 +8922,19 @@
|
|
8828
8922
|
"module": "src/utils/mixins/DisabledMixin.ts"
|
8829
8923
|
}
|
8830
8924
|
},
|
8925
|
+
{
|
8926
|
+
"name": "tabIndex",
|
8927
|
+
"type": {
|
8928
|
+
"text": "number"
|
8929
|
+
},
|
8930
|
+
"default": "0",
|
8931
|
+
"description": "This property specifies the tab order of the element.",
|
8932
|
+
"fieldName": "tabIndex",
|
8933
|
+
"inheritedFrom": {
|
8934
|
+
"name": "TabIndexMixin",
|
8935
|
+
"module": "src/utils/mixins/TabIndexMixin.ts"
|
8936
|
+
}
|
8937
|
+
},
|
8831
8938
|
{
|
8832
8939
|
"name": "icon-name",
|
8833
8940
|
"type": {
|
@@ -8846,6 +8953,10 @@
|
|
8846
8953
|
"name": "DisabledMixin",
|
8847
8954
|
"module": "/src/utils/mixins/DisabledMixin"
|
8848
8955
|
},
|
8956
|
+
{
|
8957
|
+
"name": "TabIndexMixin",
|
8958
|
+
"module": "/src/utils/mixins/TabIndexMixin"
|
8959
|
+
},
|
8849
8960
|
{
|
8850
8961
|
"name": "IconNameMixin",
|
8851
8962
|
"module": "/src/utils/mixins/IconNameMixin"
|
@@ -8856,7 +8967,7 @@
|
|
8856
8967
|
"module": "/src/models"
|
8857
8968
|
},
|
8858
8969
|
"tagName": "mdc-link",
|
8859
|
-
"jsDoc": "/**\n * `mdc-link` component can be used to navigate to a different page\n * within the application or to an external site. It can be used to link to\n * emails or phone numbers.\n *\n * The `children` of the link component is expected to be
|
8970
|
+
"jsDoc": "/**\n * `mdc-link` component can be used to navigate to a different page\n * within the application or to an external site. It can be used to link to\n * emails or phone numbers.\n *\n * The `children` of the link component is expected to be the text content.\n *\n * For `icon`, the `mdc-icon` component is used to render the icon.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-link\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 * @cssproperty --mdc-link-border-radius - Border radius of the link\n * @cssproperty --mdc-link-color-active - Text and icon color of the link in active state\n * @cssproperty --mdc-link-color-disabled - Text and icon color of the link in disabled state\n * @cssproperty --mdc-link-color-hover - Text and icon color of the link in hover state\n * @cssproperty --mdc-link-color-normal - Text and icon color of the link in normal state\n * @cssproperty --mdc-link-icon-margin-left - Gap between the text and icon (only applicable when an icon is set)\n * @cssproperty --mdc-link-inverted-color-active - Text and icon color of the inverted link in active state\n * @cssproperty --mdc-link-inverted-color-disabled - Text and icon color of the inverted link in disabled state\n * @cssproperty --mdc-link-inverted-color-hover - Text and icon color of the inverted link in hover state\n * @cssproperty --mdc-link-inverted-color-normal - Text and icon color of the inverted link in normal state\n * @cssproperty --mdc-link-text-decoration-disabled - Text decoration of the link in disabled state for all variants\n */",
|
8860
8971
|
"customElement": true
|
8861
8972
|
}
|
8862
8973
|
],
|