@momentum-design/components 0.120.26 → 0.120.27
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 +1713 -1713
- package/dist/react/index.d.ts +4 -4
- package/dist/react/index.js +4 -4
- package/package.json +1 -1
@@ -24452,15 +24452,15 @@
|
|
24452
24452
|
},
|
24453
24453
|
{
|
24454
24454
|
"kind": "javascript-module",
|
24455
|
-
"path": "components/
|
24455
|
+
"path": "components/menuitemradio/menuitemradio.component.js",
|
24456
24456
|
"declarations": [
|
24457
24457
|
{
|
24458
24458
|
"kind": "class",
|
24459
|
-
"description": "A
|
24460
|
-
"name": "
|
24459
|
+
"description": "A menuitemradio component is a checkable menuitem that is used in a menu.\nA menuitemradio should be checked only one at a time. <br/>\nThere should be no focusable descendants inside this menuitemradio component.\n\nThe `checked` menuitemradio attribute is used to indicate that the menuitemradio is checked or not.\n\nMenu item radio has `name` and `value` attribute that can be used to identify the menu item when it is selected.\n\nIf you want more than one item in a group to be checked, consider using menuitemcheckbox component.\n\nThe `indicator` attribute is used to differentiate between <b>radio</b>, <b>checkmark</b> and <b>none</b>.\nBy default, the `indicator` is set to <b>radio</b>.<br/>\n\nThe checkbox will always be positioned on the leading side of the menuitem label and\nthe checkmark will always be positioned on the trailing side.\n\nThe radio will have the possible states of `true` or `false`.\nIf the indicator is set to <b>checkmark</b> and if the `checked` attribute is set to `true`,\nthen the checkmark will be displayed. if not, then no indicator will be displayed.\n\nThe third options for the `indicator` is <b>none</b>, which will not display any indicator at all.\nIt is intended to be used for customised menu items where the indicator is implemented differently.\nFor example, you can use a custom icon or a different visual element to indicate the state of the menu item.\nMake sure the new indicator is accessible.",
|
24460
|
+
"name": "MenuItemRadio",
|
24461
24461
|
"cssProperties": [
|
24462
24462
|
{
|
24463
|
-
"description": "Controls the padding on the left and right of the
|
24463
|
+
"description": "Controls the padding on the left and right of the menuitemradio.",
|
24464
24464
|
"name": "--mdc-listitem-padding-left-and-right"
|
24465
24465
|
},
|
24466
24466
|
{
|
@@ -24616,7 +24616,7 @@
|
|
24616
24616
|
],
|
24617
24617
|
"slots": [
|
24618
24618
|
{
|
24619
|
-
"description": "slot for menu item
|
24619
|
+
"description": "slot for menu item radio controls to appear of leading end.",
|
24620
24620
|
"name": "leading-controls",
|
24621
24621
|
"inheritedFrom": {
|
24622
24622
|
"name": "ListItem",
|
@@ -24624,7 +24624,7 @@
|
|
24624
24624
|
}
|
24625
24625
|
},
|
24626
24626
|
{
|
24627
|
-
"description": "slot for menu item
|
24627
|
+
"description": "slot for menu item radio primary label.",
|
24628
24628
|
"name": "leading-text-primary-label",
|
24629
24629
|
"inheritedFrom": {
|
24630
24630
|
"name": "ListItem",
|
@@ -24632,7 +24632,7 @@
|
|
24632
24632
|
}
|
24633
24633
|
},
|
24634
24634
|
{
|
24635
|
-
"description": "slot for menu item
|
24635
|
+
"description": "slot for menu item radio secondary label.",
|
24636
24636
|
"name": "leading-text-secondary-label",
|
24637
24637
|
"inheritedFrom": {
|
24638
24638
|
"name": "ListItem",
|
@@ -24640,7 +24640,7 @@
|
|
24640
24640
|
}
|
24641
24641
|
},
|
24642
24642
|
{
|
24643
|
-
"description": "slot for menu item
|
24643
|
+
"description": "slot for menu item radio tertiary label.",
|
24644
24644
|
"name": "leading-text-tertiary-label",
|
24645
24645
|
"inheritedFrom": {
|
24646
24646
|
"name": "ListItem",
|
@@ -24648,7 +24648,7 @@
|
|
24648
24648
|
}
|
24649
24649
|
},
|
24650
24650
|
{
|
24651
|
-
"description": "slot for menu item
|
24651
|
+
"description": "slot for menu item radio side header text.",
|
24652
24652
|
"name": "trailing-text-side-header",
|
24653
24653
|
"inheritedFrom": {
|
24654
24654
|
"name": "ListItem",
|
@@ -24656,7 +24656,7 @@
|
|
24656
24656
|
}
|
24657
24657
|
},
|
24658
24658
|
{
|
24659
|
-
"description": "slot for menu item
|
24659
|
+
"description": "slot for menu item radio subline text.",
|
24660
24660
|
"name": "trailing-text-subline",
|
24661
24661
|
"inheritedFrom": {
|
24662
24662
|
"name": "ListItem",
|
@@ -24664,7 +24664,7 @@
|
|
24664
24664
|
}
|
24665
24665
|
},
|
24666
24666
|
{
|
24667
|
-
"description": "slot for menu item
|
24667
|
+
"description": "slot for menu item radio controls to appear of trailing end.",
|
24668
24668
|
"name": "trailing-controls",
|
24669
24669
|
"inheritedFrom": {
|
24670
24670
|
"name": "ListItem",
|
@@ -24688,7 +24688,7 @@
|
|
24688
24688
|
"text": "boolean"
|
24689
24689
|
},
|
24690
24690
|
"default": "false",
|
24691
|
-
"description": "The checked attribute is used to indicate that the
|
24691
|
+
"description": "The aria-checked attribute is used to indicate that the menuitemradio is checked or not.",
|
24692
24692
|
"attribute": "checked",
|
24693
24693
|
"reflects": true
|
24694
24694
|
},
|
@@ -24698,42 +24698,53 @@
|
|
24698
24698
|
"type": {
|
24699
24699
|
"text": "Indicator"
|
24700
24700
|
},
|
24701
|
-
"description": "The indicator attribute is used to differentiate between <b>
|
24702
|
-
"default": "'
|
24701
|
+
"description": "The indicator attribute is used to differentiate between <b>radio</b>, <b>checkmark</b> and <b>none</b>.",
|
24702
|
+
"default": "'radio'",
|
24703
24703
|
"attribute": "indicator",
|
24704
24704
|
"reflects": true
|
24705
24705
|
},
|
24706
24706
|
{
|
24707
24707
|
"kind": "method",
|
24708
|
-
"name": "
|
24708
|
+
"name": "getAllRadiosWithinSameGroup",
|
24709
24709
|
"privacy": "private",
|
24710
|
-
"
|
24710
|
+
"return": {
|
24711
|
+
"type": {
|
24712
|
+
"text": "MenuItemRadio[]"
|
24713
|
+
}
|
24714
|
+
},
|
24715
|
+
"description": "Returns all radios within the same group (name)."
|
24711
24716
|
},
|
24712
24717
|
{
|
24713
24718
|
"kind": "method",
|
24714
|
-
"name": "
|
24719
|
+
"name": "updateOtherRadiosCheckedState",
|
24715
24720
|
"privacy": "private",
|
24716
24721
|
"return": {
|
24717
24722
|
"type": {
|
24718
|
-
"text": ""
|
24723
|
+
"text": "void"
|
24719
24724
|
}
|
24720
24725
|
},
|
24721
|
-
"description": "
|
24726
|
+
"description": "Updates the checked state of all other radios in the same group.\nThis method is called when a radio is clicked to ensure that only one radio in the group can be checked at a time.\nIt sets the `checked` property of all other radios in the same group to `false`."
|
24722
24727
|
},
|
24723
24728
|
{
|
24724
24729
|
"kind": "method",
|
24725
|
-
"name": "
|
24730
|
+
"name": "handleMouseClick",
|
24731
|
+
"privacy": "private",
|
24732
|
+
"description": "Handles click events to set checked state and uncheck siblings in the same group and container.\nIf the menuitemradio is not checked, it sets its checked state to `true`\nand sets all other menuitemradio elements of the same group with checked state to `false`."
|
24733
|
+
},
|
24734
|
+
{
|
24735
|
+
"kind": "method",
|
24736
|
+
"name": "renderStaticRadio",
|
24726
24737
|
"privacy": "private",
|
24727
24738
|
"return": {
|
24728
24739
|
"type": {
|
24729
24740
|
"text": ""
|
24730
24741
|
}
|
24731
24742
|
},
|
24732
|
-
"description": "Returns a static
|
24743
|
+
"description": "Returns a static checkbox element if the indicator is set to checkbox.\nIf the indicator is not set to checkbox, it returns nothing."
|
24733
24744
|
},
|
24734
24745
|
{
|
24735
24746
|
"kind": "method",
|
24736
|
-
"name": "
|
24747
|
+
"name": "renderCheckmarkIcon",
|
24737
24748
|
"privacy": "private",
|
24738
24749
|
"return": {
|
24739
24750
|
"type": {
|
@@ -24742,32 +24753,6 @@
|
|
24742
24753
|
},
|
24743
24754
|
"description": "Returns a checkmark icon if the indicator is set to checkmark and the checked state is true.\nIf the indicator is not set to checkmark or the checked state is false, it returns nothing.\n\nThe checkmark icon will always be positioned on the trailing side of the menuitem label."
|
24744
24755
|
},
|
24745
|
-
{
|
24746
|
-
"kind": "field",
|
24747
|
-
"name": "controlTypeProviderContext",
|
24748
|
-
"privacy": "private",
|
24749
|
-
"readonly": true,
|
24750
|
-
"inheritedFrom": {
|
24751
|
-
"name": "ControlTypeMixin",
|
24752
|
-
"module": "utils/mixins/ControlTypeMixin.js"
|
24753
|
-
}
|
24754
|
-
},
|
24755
|
-
{
|
24756
|
-
"kind": "field",
|
24757
|
-
"name": "controlType",
|
24758
|
-
"type": {
|
24759
|
-
"text": "ControlType | undefined"
|
24760
|
-
},
|
24761
|
-
"privacy": "public",
|
24762
|
-
"description": "Indicates whether the component is controlled or uncontrolled.\n- 'controlled' it will not handle any interaction itself, e.g. toggling a checkbox.\n- 'uncontrolled' it will handle interactions\n- undefined it will get the value from controltypeprovider, or default to 'uncontrolled'",
|
24763
|
-
"default": "undefined",
|
24764
|
-
"attribute": "control-type",
|
24765
|
-
"reflects": true,
|
24766
|
-
"inheritedFrom": {
|
24767
|
-
"name": "ControlTypeMixin",
|
24768
|
-
"module": "utils/mixins/ControlTypeMixin.js"
|
24769
|
-
}
|
24770
|
-
},
|
24771
24756
|
{
|
24772
24757
|
"kind": "field",
|
24773
24758
|
"name": "arrowPosition",
|
@@ -25175,11 +25160,11 @@
|
|
25175
25160
|
"type": {
|
25176
25161
|
"text": "Event"
|
25177
25162
|
},
|
25178
|
-
"description": "(React: onChange) This event is dispatched when the
|
25163
|
+
"description": "(React: onChange) This event is dispatched when the menuitemradio changes.",
|
25179
25164
|
"reactName": "onChange"
|
25180
25165
|
},
|
25181
25166
|
{
|
25182
|
-
"description": "(React: onClick) This event is dispatched when the
|
25167
|
+
"description": "(React: onClick) This event is dispatched when the menuitemradio is clicked.",
|
25183
25168
|
"name": "click",
|
25184
25169
|
"reactName": "onClick",
|
25185
25170
|
"inheritedFrom": {
|
@@ -25188,7 +25173,7 @@
|
|
25188
25173
|
}
|
25189
25174
|
},
|
25190
25175
|
{
|
25191
|
-
"description": "(React: onFocus) This event is dispatched when the
|
25176
|
+
"description": "(React: onFocus) This event is dispatched when the menuitemradio receives focus.",
|
25192
25177
|
"name": "focus",
|
25193
25178
|
"reactName": "onFocus",
|
25194
25179
|
"inheritedFrom": {
|
@@ -25258,7 +25243,7 @@
|
|
25258
25243
|
"text": "boolean"
|
25259
25244
|
},
|
25260
25245
|
"default": "false",
|
25261
|
-
"description": "The checked attribute is used to indicate that the
|
25246
|
+
"description": "The aria-checked attribute is used to indicate that the menuitemradio is checked or not.",
|
25262
25247
|
"fieldName": "checked"
|
25263
25248
|
},
|
25264
25249
|
{
|
@@ -25266,23 +25251,10 @@
|
|
25266
25251
|
"type": {
|
25267
25252
|
"text": "Indicator"
|
25268
25253
|
},
|
25269
|
-
"description": "The indicator attribute is used to differentiate between <b>
|
25270
|
-
"default": "'
|
25254
|
+
"description": "The indicator attribute is used to differentiate between <b>radio</b>, <b>checkmark</b> and <b>none</b>.",
|
25255
|
+
"default": "'radio'",
|
25271
25256
|
"fieldName": "indicator"
|
25272
25257
|
},
|
25273
|
-
{
|
25274
|
-
"name": "control-type",
|
25275
|
-
"type": {
|
25276
|
-
"text": "ControlType | undefined"
|
25277
|
-
},
|
25278
|
-
"description": "Indicates whether the component is controlled or uncontrolled.\n- 'controlled' it will not handle any interaction itself, e.g. toggling a checkbox.\n- 'uncontrolled' it will handle interactions\n- undefined it will get the value from controltypeprovider, or default to 'uncontrolled'",
|
25279
|
-
"default": "undefined",
|
25280
|
-
"fieldName": "controlType",
|
25281
|
-
"inheritedFrom": {
|
25282
|
-
"name": "ControlTypeMixin",
|
25283
|
-
"module": "src/utils/mixins/ControlTypeMixin.ts"
|
25284
|
-
}
|
25285
|
-
},
|
25286
25258
|
{
|
25287
25259
|
"name": "arrow-position",
|
25288
25260
|
"type": {
|
@@ -25444,18 +25416,12 @@
|
|
25444
25416
|
}
|
25445
25417
|
}
|
25446
25418
|
],
|
25447
|
-
"mixins": [
|
25448
|
-
{
|
25449
|
-
"name": "ControlTypeMixin",
|
25450
|
-
"module": "/src/utils/mixins/ControlTypeMixin"
|
25451
|
-
}
|
25452
|
-
],
|
25453
25419
|
"superclass": {
|
25454
25420
|
"name": "MenuItem",
|
25455
25421
|
"module": "/src/components/menuitem/menuitem.component"
|
25456
25422
|
},
|
25457
|
-
"tagName": "mdc-
|
25458
|
-
"jsDoc": "/**\n * A
|
25423
|
+
"tagName": "mdc-menuitemradio",
|
25424
|
+
"jsDoc": "/**\n * A menuitemradio component is a checkable menuitem that is used in a menu.\n * A menuitemradio should be checked only one at a time. <br/>\n * There should be no focusable descendants inside this menuitemradio component.\n *\n * The `checked` menuitemradio attribute is used to indicate that the menuitemradio is checked or not.\n *\n * Menu item radio has `name` and `value` attribute that can be used to identify the menu item when it is selected.\n *\n * If you want more than one item in a group to be checked, consider using menuitemcheckbox component.\n *\n * The `indicator` attribute is used to differentiate between <b>radio</b>, <b>checkmark</b> and <b>none</b>.\n * By default, the `indicator` is set to <b>radio</b>.<br/>\n *\n * The checkbox will always be positioned on the leading side of the menuitem label and\n * the checkmark will always be positioned on the trailing side.\n *\n * The radio will have the possible states of `true` or `false`.\n * If the indicator is set to <b>checkmark</b> and if the `checked` attribute is set to `true`,\n * then the checkmark will be displayed. if not, then no indicator will be displayed.\n *\n * The third options for the `indicator` is <b>none</b>, which will not display any indicator at all.\n * It is intended to be used for customised menu items where the indicator is implemented differently.\n * For example, you can use a custom icon or a different visual element to indicate the state of the menu item.\n * Make sure the new indicator is accessible.\n *\n * @dependency mdc-icon\n * @dependency mdc-staticradio\n * @dependency mdc-text\n * @dependency mdc-tooltip\n *\n * @tagname mdc-menuitemradio\n *\n * @slot leading-controls - slot for menu item radio controls to appear of leading end.\n * @slot leading-text-primary-label - slot for menu item radio primary label.\n * @slot leading-text-secondary-label - slot for menu item radio secondary label.\n * @slot leading-text-tertiary-label - slot for menu item radio tertiary label.\n * @slot trailing-text-side-header - slot for menu item radio side header text.\n * @slot trailing-text-subline - slot for menu item radio subline text.\n * @slot trailing-controls - slot for menu item radio controls to appear of trailing end.\n *\n * @event change - (React: onChange) This event is dispatched when the menuitemradio changes.\n * @event click - (React: onClick) This event is dispatched when the menuitemradio is clicked.\n * @event focus - (React: onFocus) This event is dispatched when the menuitemradio receives focus.\n *\n * @cssproperty --mdc-listitem-padding-left-and-right - Controls the padding on the left and right of the menuitemradio.\n *\n * @csspart checkmark-icon - Allows customization of the checkmark icon.\n * @csspart leading - Allows customization of the leading part.\n * @csspart leading-arrow - Allows customization of leading arrow icon.\n * @csspart leading-text - Allows customization of the leading text part.\n * @csspart trailing - Allows customization of the trailing part.\n * @csspart trailing-arrow - Allows customization of trailing arrow icon.\n * @csspart trailing-text - Allows customization of the trailing text part.\n */",
|
25459
25425
|
"customElement": true
|
25460
25426
|
}
|
25461
25427
|
],
|
@@ -25464,23 +25430,23 @@
|
|
25464
25430
|
"kind": "js",
|
25465
25431
|
"name": "default",
|
25466
25432
|
"declaration": {
|
25467
|
-
"name": "
|
25468
|
-
"module": "components/
|
25433
|
+
"name": "MenuItemRadio",
|
25434
|
+
"module": "components/menuitemradio/menuitemradio.component.js"
|
25469
25435
|
}
|
25470
25436
|
}
|
25471
25437
|
]
|
25472
25438
|
},
|
25473
25439
|
{
|
25474
25440
|
"kind": "javascript-module",
|
25475
|
-
"path": "components/
|
25441
|
+
"path": "components/menuitemcheckbox/menuitemcheckbox.component.js",
|
25476
25442
|
"declarations": [
|
25477
25443
|
{
|
25478
25444
|
"kind": "class",
|
25479
|
-
"description": "A
|
25480
|
-
"name": "
|
25445
|
+
"description": "A menuitemcheckbox component is a checkable menuitem.\nThere should be no focusable descendants inside this menuitemcheckbox component.\n\nThe `checked` attribute indicates whether the menuitemcheckbox is checked or not.\n\nMenu item checkbox has `name` and `value` attribute that can be used to identify the menu item when it is selected.\n\nThe `indicator` attribute is used to differentiate between <b>checkbox</b>, <b>checkmark</b>, <b>toggle</b> and <b>none</b>.\nBy default, the `indicator` is set to <b>checkbox</b>.<br/>\n\nThe checkbox will always be positioned on the leading side of the menuitem label and\nthe toggle and checkmark will always be positioned on the trailing side.\n\nThe checkbox will have the possible states of `true` or `false`.\nIf the indicator is set to <b>checkmark</b> and if the `checked` attribute is set to `true`,\nthen the checkmark will be displayed. if not, then no indicator will be displayed.\n\nThe forth options for the `indicator` is <b>none</b>, which will not display any indicator at all.\nIt is intended to be used for customised menu items where the indicator is implemented differently.\nFor example, you can use a custom icon or a different visual element to indicate the state of the menu item.\nMake sure the new indicator is accessible.\n\nIf you want only one item in a group to be checked, consider using menuitemradio component.",
|
25446
|
+
"name": "MenuItemCheckbox",
|
25481
25447
|
"cssProperties": [
|
25482
25448
|
{
|
25483
|
-
"description": "Controls the padding on the left and right of the
|
25449
|
+
"description": "Controls the padding on the left and right of the menuitemcheckbox.",
|
25484
25450
|
"name": "--mdc-listitem-padding-left-and-right"
|
25485
25451
|
},
|
25486
25452
|
{
|
@@ -25636,7 +25602,7 @@
|
|
25636
25602
|
],
|
25637
25603
|
"slots": [
|
25638
25604
|
{
|
25639
|
-
"description": "slot for menu item
|
25605
|
+
"description": "slot for menu item checkbox controls to appear of leading end.",
|
25640
25606
|
"name": "leading-controls",
|
25641
25607
|
"inheritedFrom": {
|
25642
25608
|
"name": "ListItem",
|
@@ -25644,7 +25610,7 @@
|
|
25644
25610
|
}
|
25645
25611
|
},
|
25646
25612
|
{
|
25647
|
-
"description": "slot for menu item
|
25613
|
+
"description": "slot for menu item checkbox primary label.",
|
25648
25614
|
"name": "leading-text-primary-label",
|
25649
25615
|
"inheritedFrom": {
|
25650
25616
|
"name": "ListItem",
|
@@ -25652,7 +25618,7 @@
|
|
25652
25618
|
}
|
25653
25619
|
},
|
25654
25620
|
{
|
25655
|
-
"description": "slot for menu item
|
25621
|
+
"description": "slot for menu item checkbox secondary label.",
|
25656
25622
|
"name": "leading-text-secondary-label",
|
25657
25623
|
"inheritedFrom": {
|
25658
25624
|
"name": "ListItem",
|
@@ -25660,7 +25626,7 @@
|
|
25660
25626
|
}
|
25661
25627
|
},
|
25662
25628
|
{
|
25663
|
-
"description": "slot for menu item
|
25629
|
+
"description": "slot for menu item checkbox tertiary label.",
|
25664
25630
|
"name": "leading-text-tertiary-label",
|
25665
25631
|
"inheritedFrom": {
|
25666
25632
|
"name": "ListItem",
|
@@ -25668,7 +25634,7 @@
|
|
25668
25634
|
}
|
25669
25635
|
},
|
25670
25636
|
{
|
25671
|
-
"description": "slot for menu item
|
25637
|
+
"description": "slot for menu item checkbox side header text.",
|
25672
25638
|
"name": "trailing-text-side-header",
|
25673
25639
|
"inheritedFrom": {
|
25674
25640
|
"name": "ListItem",
|
@@ -25676,7 +25642,7 @@
|
|
25676
25642
|
}
|
25677
25643
|
},
|
25678
25644
|
{
|
25679
|
-
"description": "slot for menu item
|
25645
|
+
"description": "slot for menu item checkbox subline text.",
|
25680
25646
|
"name": "trailing-text-subline",
|
25681
25647
|
"inheritedFrom": {
|
25682
25648
|
"name": "ListItem",
|
@@ -25684,7 +25650,7 @@
|
|
25684
25650
|
}
|
25685
25651
|
},
|
25686
25652
|
{
|
25687
|
-
"description": "slot for menu item
|
25653
|
+
"description": "slot for menu item checkbox controls to appear of trailing end.",
|
25688
25654
|
"name": "trailing-controls",
|
25689
25655
|
"inheritedFrom": {
|
25690
25656
|
"name": "ListItem",
|
@@ -25708,7 +25674,7 @@
|
|
25708
25674
|
"text": "boolean"
|
25709
25675
|
},
|
25710
25676
|
"default": "false",
|
25711
|
-
"description": "The
|
25677
|
+
"description": "The checked attribute is used to indicate that the menuitemcheckbox is checked or not.",
|
25712
25678
|
"attribute": "checked",
|
25713
25679
|
"reflects": true
|
25714
25680
|
},
|
@@ -25718,53 +25684,42 @@
|
|
25718
25684
|
"type": {
|
25719
25685
|
"text": "Indicator"
|
25720
25686
|
},
|
25721
|
-
"description": "The indicator attribute is used to differentiate between <b>
|
25722
|
-
"default": "'
|
25687
|
+
"description": "The indicator attribute is used to differentiate between <b>checkbox</b> and <b>toggle</b>.",
|
25688
|
+
"default": "'checkbox'",
|
25723
25689
|
"attribute": "indicator",
|
25724
25690
|
"reflects": true
|
25725
25691
|
},
|
25726
25692
|
{
|
25727
25693
|
"kind": "method",
|
25728
|
-
"name": "
|
25694
|
+
"name": "handleMouseClick",
|
25729
25695
|
"privacy": "private",
|
25730
|
-
"
|
25731
|
-
"type": {
|
25732
|
-
"text": "MenuItemRadio[]"
|
25733
|
-
}
|
25734
|
-
},
|
25735
|
-
"description": "Returns all radios within the same group (name)."
|
25696
|
+
"description": "Handles click events to toggle checked state\nIf the menuitemcheckbox is disabled, it does nothing.\nIf the menuitemcheckbox is not disabled, it toggles checked if uncontrolled, and dispatches the 'change' event."
|
25736
25697
|
},
|
25737
25698
|
{
|
25738
25699
|
"kind": "method",
|
25739
|
-
"name": "
|
25700
|
+
"name": "staticCheckbox",
|
25740
25701
|
"privacy": "private",
|
25741
25702
|
"return": {
|
25742
25703
|
"type": {
|
25743
|
-
"text": "
|
25704
|
+
"text": ""
|
25744
25705
|
}
|
25745
25706
|
},
|
25746
|
-
"description": "
|
25747
|
-
},
|
25748
|
-
{
|
25749
|
-
"kind": "method",
|
25750
|
-
"name": "handleMouseClick",
|
25751
|
-
"privacy": "private",
|
25752
|
-
"description": "Handles click events to set checked state and uncheck siblings in the same group and container.\nIf the menuitemradio is not checked, it sets its checked state to `true`\nand sets all other menuitemradio elements of the same group with checked state to `false`."
|
25707
|
+
"description": "Returns a static checkbox element if the indicator is set to checkbox.\nIf the indicator is not set to checkbox, it returns nothing."
|
25753
25708
|
},
|
25754
25709
|
{
|
25755
25710
|
"kind": "method",
|
25756
|
-
"name": "
|
25711
|
+
"name": "staticToggle",
|
25757
25712
|
"privacy": "private",
|
25758
25713
|
"return": {
|
25759
25714
|
"type": {
|
25760
25715
|
"text": ""
|
25761
25716
|
}
|
25762
25717
|
},
|
25763
|
-
"description": "Returns a static
|
25718
|
+
"description": "Returns a static toggle element if the indicator is set to toggle.\nIf the indicator is not set to toggle, it returns nothing.\n\nThe toggle will always be positioned on the trailing side of the menuitem label."
|
25764
25719
|
},
|
25765
25720
|
{
|
25766
25721
|
"kind": "method",
|
25767
|
-
"name": "
|
25722
|
+
"name": "getCheckmarkIcon",
|
25768
25723
|
"privacy": "private",
|
25769
25724
|
"return": {
|
25770
25725
|
"type": {
|
@@ -25773,6 +25728,32 @@
|
|
25773
25728
|
},
|
25774
25729
|
"description": "Returns a checkmark icon if the indicator is set to checkmark and the checked state is true.\nIf the indicator is not set to checkmark or the checked state is false, it returns nothing.\n\nThe checkmark icon will always be positioned on the trailing side of the menuitem label."
|
25775
25730
|
},
|
25731
|
+
{
|
25732
|
+
"kind": "field",
|
25733
|
+
"name": "controlTypeProviderContext",
|
25734
|
+
"privacy": "private",
|
25735
|
+
"readonly": true,
|
25736
|
+
"inheritedFrom": {
|
25737
|
+
"name": "ControlTypeMixin",
|
25738
|
+
"module": "utils/mixins/ControlTypeMixin.js"
|
25739
|
+
}
|
25740
|
+
},
|
25741
|
+
{
|
25742
|
+
"kind": "field",
|
25743
|
+
"name": "controlType",
|
25744
|
+
"type": {
|
25745
|
+
"text": "ControlType | undefined"
|
25746
|
+
},
|
25747
|
+
"privacy": "public",
|
25748
|
+
"description": "Indicates whether the component is controlled or uncontrolled.\n- 'controlled' it will not handle any interaction itself, e.g. toggling a checkbox.\n- 'uncontrolled' it will handle interactions\n- undefined it will get the value from controltypeprovider, or default to 'uncontrolled'",
|
25749
|
+
"default": "undefined",
|
25750
|
+
"attribute": "control-type",
|
25751
|
+
"reflects": true,
|
25752
|
+
"inheritedFrom": {
|
25753
|
+
"name": "ControlTypeMixin",
|
25754
|
+
"module": "utils/mixins/ControlTypeMixin.js"
|
25755
|
+
}
|
25756
|
+
},
|
25776
25757
|
{
|
25777
25758
|
"kind": "field",
|
25778
25759
|
"name": "arrowPosition",
|
@@ -26180,11 +26161,11 @@
|
|
26180
26161
|
"type": {
|
26181
26162
|
"text": "Event"
|
26182
26163
|
},
|
26183
|
-
"description": "(React: onChange) This event is dispatched when the
|
26164
|
+
"description": "(React: onChange) This event is dispatched when the menuitemcheckbox changes.",
|
26184
26165
|
"reactName": "onChange"
|
26185
26166
|
},
|
26186
26167
|
{
|
26187
|
-
"description": "(React: onClick) This event is dispatched when the
|
26168
|
+
"description": "(React: onClick) This event is dispatched when the menuitemcheckbox is clicked.",
|
26188
26169
|
"name": "click",
|
26189
26170
|
"reactName": "onClick",
|
26190
26171
|
"inheritedFrom": {
|
@@ -26193,7 +26174,7 @@
|
|
26193
26174
|
}
|
26194
26175
|
},
|
26195
26176
|
{
|
26196
|
-
"description": "(React: onFocus) This event is dispatched when the
|
26177
|
+
"description": "(React: onFocus) This event is dispatched when the menuitemcheckbox receives focus.",
|
26197
26178
|
"name": "focus",
|
26198
26179
|
"reactName": "onFocus",
|
26199
26180
|
"inheritedFrom": {
|
@@ -26263,7 +26244,7 @@
|
|
26263
26244
|
"text": "boolean"
|
26264
26245
|
},
|
26265
26246
|
"default": "false",
|
26266
|
-
"description": "The
|
26247
|
+
"description": "The checked attribute is used to indicate that the menuitemcheckbox is checked or not.",
|
26267
26248
|
"fieldName": "checked"
|
26268
26249
|
},
|
26269
26250
|
{
|
@@ -26271,10 +26252,23 @@
|
|
26271
26252
|
"type": {
|
26272
26253
|
"text": "Indicator"
|
26273
26254
|
},
|
26274
|
-
"description": "The indicator attribute is used to differentiate between <b>
|
26275
|
-
"default": "'
|
26255
|
+
"description": "The indicator attribute is used to differentiate between <b>checkbox</b> and <b>toggle</b>.",
|
26256
|
+
"default": "'checkbox'",
|
26276
26257
|
"fieldName": "indicator"
|
26277
26258
|
},
|
26259
|
+
{
|
26260
|
+
"name": "control-type",
|
26261
|
+
"type": {
|
26262
|
+
"text": "ControlType | undefined"
|
26263
|
+
},
|
26264
|
+
"description": "Indicates whether the component is controlled or uncontrolled.\n- 'controlled' it will not handle any interaction itself, e.g. toggling a checkbox.\n- 'uncontrolled' it will handle interactions\n- undefined it will get the value from controltypeprovider, or default to 'uncontrolled'",
|
26265
|
+
"default": "undefined",
|
26266
|
+
"fieldName": "controlType",
|
26267
|
+
"inheritedFrom": {
|
26268
|
+
"name": "ControlTypeMixin",
|
26269
|
+
"module": "src/utils/mixins/ControlTypeMixin.ts"
|
26270
|
+
}
|
26271
|
+
},
|
26278
26272
|
{
|
26279
26273
|
"name": "arrow-position",
|
26280
26274
|
"type": {
|
@@ -26436,12 +26430,18 @@
|
|
26436
26430
|
}
|
26437
26431
|
}
|
26438
26432
|
],
|
26433
|
+
"mixins": [
|
26434
|
+
{
|
26435
|
+
"name": "ControlTypeMixin",
|
26436
|
+
"module": "/src/utils/mixins/ControlTypeMixin"
|
26437
|
+
}
|
26438
|
+
],
|
26439
26439
|
"superclass": {
|
26440
26440
|
"name": "MenuItem",
|
26441
26441
|
"module": "/src/components/menuitem/menuitem.component"
|
26442
26442
|
},
|
26443
|
-
"tagName": "mdc-
|
26444
|
-
"jsDoc": "/**\n * A
|
26443
|
+
"tagName": "mdc-menuitemcheckbox",
|
26444
|
+
"jsDoc": "/**\n * A menuitemcheckbox component is a checkable menuitem.\n * There should be no focusable descendants inside this menuitemcheckbox component.\n *\n * The `checked` attribute indicates whether the menuitemcheckbox is checked or not.\n *\n * Menu item checkbox has `name` and `value` attribute that can be used to identify the menu item when it is selected.\n *\n * The `indicator` attribute is used to differentiate between <b>checkbox</b>, <b>checkmark</b>, <b>toggle</b> and <b>none</b>.\n * By default, the `indicator` is set to <b>checkbox</b>.<br/>\n *\n * The checkbox will always be positioned on the leading side of the menuitem label and\n * the toggle and checkmark will always be positioned on the trailing side.\n *\n * The checkbox will have the possible states of `true` or `false`.\n * If the indicator is set to <b>checkmark</b> and if the `checked` attribute is set to `true`,\n * then the checkmark will be displayed. if not, then no indicator will be displayed.\n *\n * The forth options for the `indicator` is <b>none</b>, which will not display any indicator at all.\n * It is intended to be used for customised menu items where the indicator is implemented differently.\n * For example, you can use a custom icon or a different visual element to indicate the state of the menu item.\n * Make sure the new indicator is accessible.\n *\n * If you want only one item in a group to be checked, consider using menuitemradio component.\n *\n * @dependency mdc-staticcheckbox\n * @dependency mdc-statictoggle\n * @dependency mdc-icon\n *\n * @tagname mdc-menuitemcheckbox\n *\n * @slot leading-controls - slot for menu item checkbox controls to appear of leading end.\n * @slot leading-text-primary-label - slot for menu item checkbox primary label.\n * @slot leading-text-secondary-label - slot for menu item checkbox secondary label.\n * @slot leading-text-tertiary-label - slot for menu item checkbox tertiary label.\n * @slot trailing-text-side-header - slot for menu item checkbox side header text.\n * @slot trailing-text-subline - slot for menu item checkbox subline text.\n * @slot trailing-controls - slot for menu item checkbox controls to appear of trailing end.\n *\n * @event change - (React: onChange) This event is dispatched when the menuitemcheckbox changes.\n * @event click - (React: onClick) This event is dispatched when the menuitemcheckbox is clicked.\n * @event focus - (React: onFocus) This event is dispatched when the menuitemcheckbox receives focus.\n *\n * @cssproperty --mdc-listitem-padding-left-and-right - Controls the padding on the left and right of the menuitemcheckbox.\n *\n * @csspart checkmark-icon - Allows customization of the checkmark icon.\n * @csspart leading - Allows customization of the leading part.\n * @csspart leading-arrow - Allows customization of leading arrow icon.\n * @csspart leading-text - Allows customization of the leading text part.\n * @csspart trailing - Allows customization of the trailing part.\n * @csspart trailing-arrow - Allows customization of trailing arrow icon.\n * @csspart trailing-text - Allows customization of the trailing text part.\n */",
|
26445
26445
|
"customElement": true
|
26446
26446
|
}
|
26447
26447
|
],
|
@@ -26450,8 +26450,8 @@
|
|
26450
26450
|
"kind": "js",
|
26451
26451
|
"name": "default",
|
26452
26452
|
"declaration": {
|
26453
|
-
"name": "
|
26454
|
-
"module": "components/
|
26453
|
+
"name": "MenuItemCheckbox",
|
26454
|
+
"module": "components/menuitemcheckbox/menuitemcheckbox.component.js"
|
26455
26455
|
}
|
26456
26456
|
}
|
26457
26457
|
]
|
@@ -37542,218 +37542,13 @@
|
|
37542
37542
|
},
|
37543
37543
|
{
|
37544
37544
|
"kind": "javascript-module",
|
37545
|
-
"path": "components/
|
37545
|
+
"path": "components/select/select.component.js",
|
37546
37546
|
"declarations": [
|
37547
37547
|
{
|
37548
37548
|
"kind": "class",
|
37549
|
-
"description": "
|
37550
|
-
"name": "
|
37551
|
-
"
|
37552
|
-
{
|
37553
|
-
"kind": "field",
|
37554
|
-
"name": "announcement",
|
37555
|
-
"type": {
|
37556
|
-
"text": "string"
|
37557
|
-
},
|
37558
|
-
"default": "''",
|
37559
|
-
"description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
|
37560
|
-
"attribute": "announcement",
|
37561
|
-
"reflects": true
|
37562
|
-
},
|
37563
|
-
{
|
37564
|
-
"kind": "field",
|
37565
|
-
"name": "identity",
|
37566
|
-
"type": {
|
37567
|
-
"text": "string"
|
37568
|
-
},
|
37569
|
-
"default": "''",
|
37570
|
-
"description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
|
37571
|
-
"attribute": "identity",
|
37572
|
-
"reflects": true
|
37573
|
-
},
|
37574
|
-
{
|
37575
|
-
"kind": "field",
|
37576
|
-
"name": "dataAriaLive",
|
37577
|
-
"type": {
|
37578
|
-
"text": "AriaLive"
|
37579
|
-
},
|
37580
|
-
"description": "Aria live value for announcement.",
|
37581
|
-
"default": "'polite'",
|
37582
|
-
"attribute": "data-aria-live",
|
37583
|
-
"reflects": true
|
37584
|
-
},
|
37585
|
-
{
|
37586
|
-
"kind": "field",
|
37587
|
-
"name": "delay",
|
37588
|
-
"type": {
|
37589
|
-
"text": "number"
|
37590
|
-
},
|
37591
|
-
"description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
|
37592
|
-
"default": "150",
|
37593
|
-
"attribute": "delay",
|
37594
|
-
"reflects": true
|
37595
|
-
},
|
37596
|
-
{
|
37597
|
-
"kind": "field",
|
37598
|
-
"name": "timeout",
|
37599
|
-
"type": {
|
37600
|
-
"text": "number"
|
37601
|
-
},
|
37602
|
-
"description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
|
37603
|
-
"default": "20_000",
|
37604
|
-
"attribute": "timeout",
|
37605
|
-
"reflects": true
|
37606
|
-
},
|
37607
|
-
{
|
37608
|
-
"kind": "field",
|
37609
|
-
"name": "debounceTime",
|
37610
|
-
"type": {
|
37611
|
-
"text": "number"
|
37612
|
-
},
|
37613
|
-
"description": "The debounce time delay in milliseconds for announcements.",
|
37614
|
-
"default": "500",
|
37615
|
-
"attribute": "debounce-time",
|
37616
|
-
"reflects": true
|
37617
|
-
},
|
37618
|
-
{
|
37619
|
-
"kind": "method",
|
37620
|
-
"name": "announce",
|
37621
|
-
"parameters": [
|
37622
|
-
{
|
37623
|
-
"name": "announcement",
|
37624
|
-
"type": {
|
37625
|
-
"text": "string"
|
37626
|
-
},
|
37627
|
-
"description": "The announcement to be made."
|
37628
|
-
},
|
37629
|
-
{
|
37630
|
-
"name": "delay",
|
37631
|
-
"type": {
|
37632
|
-
"text": "number"
|
37633
|
-
},
|
37634
|
-
"description": "The delay in milliseconds before announcing the message."
|
37635
|
-
},
|
37636
|
-
{
|
37637
|
-
"name": "timeout",
|
37638
|
-
"type": {
|
37639
|
-
"text": "number"
|
37640
|
-
},
|
37641
|
-
"description": "The timeout in milliseconds before removing the announcement."
|
37642
|
-
},
|
37643
|
-
{
|
37644
|
-
"name": "ariaLive",
|
37645
|
-
"type": {
|
37646
|
-
"text": "AriaLive"
|
37647
|
-
},
|
37648
|
-
"description": "The aria live value for the announcement."
|
37649
|
-
}
|
37650
|
-
],
|
37651
|
-
"description": "Announces the given announcement to the screen reader.\n\nA div element with aria-live attribute set to the given ariaLive value is created\nand a p element with the announcement text is appended to it.\n\nThe div element is appended to the element in the DOM identified with id as\nidentity attribute."
|
37652
|
-
},
|
37653
|
-
{
|
37654
|
-
"kind": "method",
|
37655
|
-
"name": "clearTimeOutsAndAnnouncements",
|
37656
|
-
"privacy": "private",
|
37657
|
-
"description": "Clears all timeouts and removes all announcements from the screen reader."
|
37658
|
-
},
|
37659
|
-
{
|
37660
|
-
"kind": "method",
|
37661
|
-
"name": "createAnnouncementAriaLiveRegion",
|
37662
|
-
"privacy": "private",
|
37663
|
-
"description": "Creates a div element with id as identity attribute in the DOM.\n\nIf the identity attribute is not provided, it is set internally to\n`mdc-screenreaderannouncer-identity`."
|
37664
|
-
},
|
37665
|
-
{
|
37666
|
-
"kind": "method",
|
37667
|
-
"name": "setupDebouncedAnnounce",
|
37668
|
-
"privacy": "private",
|
37669
|
-
"description": "Creates a single debounced function that will read the latest this.announcement when executed.\n\nThis function is used to debounce the announcement so that it will only be made after\nthis.debounceTime milliseconds have passed since the last time this.announcement was updated."
|
37670
|
-
}
|
37671
|
-
],
|
37672
|
-
"attributes": [
|
37673
|
-
{
|
37674
|
-
"name": "announcement",
|
37675
|
-
"type": {
|
37676
|
-
"text": "string"
|
37677
|
-
},
|
37678
|
-
"default": "''",
|
37679
|
-
"description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
|
37680
|
-
"fieldName": "announcement"
|
37681
|
-
},
|
37682
|
-
{
|
37683
|
-
"name": "identity",
|
37684
|
-
"type": {
|
37685
|
-
"text": "string"
|
37686
|
-
},
|
37687
|
-
"default": "''",
|
37688
|
-
"description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
|
37689
|
-
"fieldName": "identity"
|
37690
|
-
},
|
37691
|
-
{
|
37692
|
-
"name": "data-aria-live",
|
37693
|
-
"type": {
|
37694
|
-
"text": "AriaLive"
|
37695
|
-
},
|
37696
|
-
"description": "Aria live value for announcement.",
|
37697
|
-
"default": "'polite'",
|
37698
|
-
"fieldName": "dataAriaLive"
|
37699
|
-
},
|
37700
|
-
{
|
37701
|
-
"name": "delay",
|
37702
|
-
"type": {
|
37703
|
-
"text": "number"
|
37704
|
-
},
|
37705
|
-
"description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
|
37706
|
-
"default": "150",
|
37707
|
-
"fieldName": "delay"
|
37708
|
-
},
|
37709
|
-
{
|
37710
|
-
"name": "timeout",
|
37711
|
-
"type": {
|
37712
|
-
"text": "number"
|
37713
|
-
},
|
37714
|
-
"description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
|
37715
|
-
"default": "20_000",
|
37716
|
-
"fieldName": "timeout"
|
37717
|
-
},
|
37718
|
-
{
|
37719
|
-
"name": "debounce-time",
|
37720
|
-
"type": {
|
37721
|
-
"text": "number"
|
37722
|
-
},
|
37723
|
-
"description": "The debounce time delay in milliseconds for announcements.",
|
37724
|
-
"default": "500",
|
37725
|
-
"fieldName": "debounceTime"
|
37726
|
-
}
|
37727
|
-
],
|
37728
|
-
"superclass": {
|
37729
|
-
"name": "Component",
|
37730
|
-
"module": "/src/models"
|
37731
|
-
},
|
37732
|
-
"tagName": "mdc-screenreaderannouncer",
|
37733
|
-
"jsDoc": "/**\n * `mdc-screenreaderannouncer` can be used to announce messages with the screen reader.\n *\n * To make an announcement set `announcement` attribute on the `mdc-screenreaderannouncer` element.\n *\n * **Internal logic**\n *\n * When the screenreader announcer is connected to the DOM, if the `identity` attribute is not\n * provided, it is set to `mdc-screenreaderannouncer-identity` and a `<div>` element with this id is created\n * in the DOM. If the `identity` attribute is provided, the identity element is used and no new element\n * is created in the DOM.\n *\n * When the `announcement` attribute is set, the screenreader announcer will create a `<div>` element with\n * `aria-live` attribute set to the value of `data-aria-live` attribute and append it to the `identity` element.\n * After delay of `delay` milliseconds, a <p> element with the announcement text is appended to the `<div>` element.\n *\n * The announcement `<div>` element is removed from the DOM after `timeout` milliseconds.\n *\n * When the screen announcer component is disconnected from the DOM, all the timeouts are cleared and\n * all the announcement elements added are removed from the DOM and timeouts cleared.\n *\n * **Note**\n * 1. The default delay of 150 miliseconds is used as we dynamically generate the\n * aria-live region in the DOM and add the announcement text to it.\n * 3. If no `identity` is provided, all the screen reader components will create and use only one\n * `<div>` element with id `mdc-screenreaderannouncer-identity` in the DOM.\n *\n * Reference: https://patrickhlauke.github.io/aria/tests/live-regions/\n *\n * @tagname mdc-screenreaderannouncer\n */",
|
37734
|
-
"customElement": true
|
37735
|
-
}
|
37736
|
-
],
|
37737
|
-
"exports": [
|
37738
|
-
{
|
37739
|
-
"kind": "js",
|
37740
|
-
"name": "default",
|
37741
|
-
"declaration": {
|
37742
|
-
"name": "ScreenreaderAnnouncer",
|
37743
|
-
"module": "components/screenreaderannouncer/screenreaderannouncer.component.js"
|
37744
|
-
}
|
37745
|
-
}
|
37746
|
-
]
|
37747
|
-
},
|
37748
|
-
{
|
37749
|
-
"kind": "javascript-module",
|
37750
|
-
"path": "components/searchfield/searchfield.component.js",
|
37751
|
-
"declarations": [
|
37752
|
-
{
|
37753
|
-
"kind": "class",
|
37754
|
-
"description": "`mdc-searchfield` component is used as an input field for search functionality.\n\nIt supports `mdc-inputchip` as filters.\n\nThis component is built by extending the `mdc-input` component.",
|
37755
|
-
"name": "Searchfield",
|
37756
|
-
"cssProperties": [
|
37549
|
+
"description": "The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.\nIt is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.\n\nEvery mdc-option should have a `value` attribute set to ensure proper form submission.\n\nTo set a default option, use the `selected` attribute on the `mdc-option` element.\nYou can also set the `value` attribute on the `mdc-select` element to match the value of the desired option. The component will select the corresponding option automatically.\n\n**Note:** Make sure to add `mdc-selectlistbox` as a child of `mdc-select` and wrap options/optgroup in it to ensure proper accessibility functionality. Read more about it in SelectListBox documentation.\n\nIf you need to use `mdc-tooltip` with any options, make sure to place the tooltip component outside the `mdc-select` element.",
|
37550
|
+
"name": "Select",
|
37551
|
+
"cssProperties": [
|
37757
37552
|
{
|
37758
37553
|
"description": "Font size for the label text.",
|
37759
37554
|
"name": "--mdc-label-font-size",
|
@@ -37819,52 +37614,28 @@
|
|
37819
37614
|
}
|
37820
37615
|
},
|
37821
37616
|
{
|
37822
|
-
"description": "
|
37823
|
-
"name": "--mdc-
|
37824
|
-
"inheritedFrom": {
|
37825
|
-
"name": "Input",
|
37826
|
-
"module": "src/components/input/input.component.ts"
|
37827
|
-
}
|
37617
|
+
"description": "The background color of the combobox of select.",
|
37618
|
+
"name": "--mdc-select-background-color"
|
37828
37619
|
},
|
37829
37620
|
{
|
37830
|
-
"description": "
|
37831
|
-
"name": "--mdc-
|
37832
|
-
"inheritedFrom": {
|
37833
|
-
"name": "Input",
|
37834
|
-
"module": "src/components/input/input.component.ts"
|
37835
|
-
}
|
37621
|
+
"description": "The text color of the select.",
|
37622
|
+
"name": "--mdc-select-text-color"
|
37836
37623
|
},
|
37837
37624
|
{
|
37838
|
-
"description": "
|
37839
|
-
"name": "--mdc-
|
37840
|
-
"inheritedFrom": {
|
37841
|
-
"name": "Input",
|
37842
|
-
"module": "src/components/input/input.component.ts"
|
37843
|
-
}
|
37625
|
+
"description": "The border color of the select.",
|
37626
|
+
"name": "--mdc-select-border-color"
|
37844
37627
|
},
|
37845
37628
|
{
|
37846
|
-
"description": "
|
37847
|
-
"name": "--mdc-
|
37848
|
-
"inheritedFrom": {
|
37849
|
-
"name": "Input",
|
37850
|
-
"module": "src/components/input/input.component.ts"
|
37851
|
-
}
|
37629
|
+
"description": "The width of the select.",
|
37630
|
+
"name": "--mdc-select-width"
|
37852
37631
|
},
|
37853
37632
|
{
|
37854
|
-
"description": "
|
37855
|
-
"name": "--mdc-
|
37856
|
-
"inheritedFrom": {
|
37857
|
-
"name": "Input",
|
37858
|
-
"module": "src/components/input/input.component.ts"
|
37859
|
-
}
|
37633
|
+
"description": "The height of the listbox inside the select.",
|
37634
|
+
"name": "--mdc-select-listbox-height"
|
37860
37635
|
},
|
37861
37636
|
{
|
37862
|
-
"description": "
|
37863
|
-
"name": "--mdc-
|
37864
|
-
"inheritedFrom": {
|
37865
|
-
"name": "Input",
|
37866
|
-
"module": "src/components/input/input.component.ts"
|
37867
|
-
}
|
37637
|
+
"description": "The width of the listbox inside the select (default: `--mdc-select-width`).",
|
37638
|
+
"name": "--mdc-select-listbox-width"
|
37868
37639
|
}
|
37869
37640
|
],
|
37870
37641
|
"cssParts": [
|
@@ -37931,64 +37702,16 @@
|
|
37931
37702
|
"name": "FormfieldWrapper",
|
37932
37703
|
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
37933
37704
|
}
|
37705
|
+
}
|
37706
|
+
],
|
37707
|
+
"slots": [
|
37708
|
+
{
|
37709
|
+
"description": "This is a default/unnamed slot for Selectlistbox including options and/or option group.",
|
37710
|
+
"name": "default"
|
37934
37711
|
},
|
37935
37712
|
{
|
37936
|
-
"description": "
|
37937
|
-
"name": "
|
37938
|
-
"inheritedFrom": {
|
37939
|
-
"name": "Input",
|
37940
|
-
"module": "src/components/input/input.component.ts"
|
37941
|
-
}
|
37942
|
-
},
|
37943
|
-
{
|
37944
|
-
"description": "The prefix text element that is displayed before the input field.",
|
37945
|
-
"name": "prefix-text",
|
37946
|
-
"inheritedFrom": {
|
37947
|
-
"name": "Input",
|
37948
|
-
"module": "src/components/input/input.component.ts"
|
37949
|
-
}
|
37950
|
-
},
|
37951
|
-
{
|
37952
|
-
"description": "The container for the input field, leading icon, prefix text, and trailing button elements.",
|
37953
|
-
"name": "input-container",
|
37954
|
-
"inheritedFrom": {
|
37955
|
-
"name": "Input",
|
37956
|
-
"module": "src/components/input/input.component.ts"
|
37957
|
-
}
|
37958
|
-
},
|
37959
|
-
{
|
37960
|
-
"description": "The container for the input field, leading icon, and prefix text elements.",
|
37961
|
-
"name": "input-section",
|
37962
|
-
"inheritedFrom": {
|
37963
|
-
"name": "Input",
|
37964
|
-
"module": "src/components/input/input.component.ts"
|
37965
|
-
}
|
37966
|
-
},
|
37967
|
-
{
|
37968
|
-
"description": "The input field element.",
|
37969
|
-
"name": "input-text",
|
37970
|
-
"inheritedFrom": {
|
37971
|
-
"name": "Input",
|
37972
|
-
"module": "src/components/input/input.component.ts"
|
37973
|
-
}
|
37974
|
-
},
|
37975
|
-
{
|
37976
|
-
"description": "The trailing button element that is displayed to clear the input field when the `trailingButton` property is set to true.",
|
37977
|
-
"name": "trailing-button",
|
37978
|
-
"inheritedFrom": {
|
37979
|
-
"name": "Input",
|
37980
|
-
"module": "src/components/input/input.component.ts"
|
37981
|
-
}
|
37982
|
-
}
|
37983
|
-
],
|
37984
|
-
"slots": [
|
37985
|
-
{
|
37986
|
-
"description": "Slot for input chips",
|
37987
|
-
"name": "filters"
|
37988
|
-
},
|
37989
|
-
{
|
37990
|
-
"description": "Slot for the label element. If not provided, the `label` property will be used to render the label.",
|
37991
|
-
"name": "label",
|
37713
|
+
"description": "Slot for the label element. If not provided, the `label` property will be used to render the label.",
|
37714
|
+
"name": "label",
|
37992
37715
|
"inheritedFrom": {
|
37993
37716
|
"name": "FormfieldWrapper",
|
37994
37717
|
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
@@ -38017,511 +37740,467 @@
|
|
38017
37740
|
"name": "FormfieldWrapper",
|
38018
37741
|
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
38019
37742
|
}
|
38020
|
-
},
|
38021
|
-
{
|
38022
|
-
"description": "Slot for the input element. If not provided, the input field will be rendered.",
|
38023
|
-
"name": "input",
|
38024
|
-
"inheritedFrom": {
|
38025
|
-
"name": "Input",
|
38026
|
-
"module": "src/components/input/input.component.ts"
|
38027
|
-
}
|
38028
|
-
},
|
38029
|
-
{
|
38030
|
-
"description": "Slot for the leading icon before the input field. If not provided, the `leadingIcon` property will be used to render the leading icon.",
|
38031
|
-
"name": "input-leading-icon",
|
38032
|
-
"inheritedFrom": {
|
38033
|
-
"name": "Input",
|
38034
|
-
"module": "src/components/input/input.component.ts"
|
38035
|
-
}
|
38036
|
-
},
|
38037
|
-
{
|
38038
|
-
"description": "Slot for the prefix text before the input field. If not provided, the `prefixText` property will be used to render the prefix text.",
|
38039
|
-
"name": "input-prefix-text",
|
38040
|
-
"inheritedFrom": {
|
38041
|
-
"name": "Input",
|
38042
|
-
"module": "src/components/input/input.component.ts"
|
38043
|
-
}
|
38044
|
-
},
|
38045
|
-
{
|
38046
|
-
"description": "Slot for the trailing button to clear the input field. If not provided, the clear button will be rendered when `trailingButton` property is set to true.",
|
38047
|
-
"name": "trailing-button",
|
38048
|
-
"inheritedFrom": {
|
38049
|
-
"name": "Input",
|
38050
|
-
"module": "src/components/input/input.component.ts"
|
38051
|
-
}
|
38052
37743
|
}
|
38053
37744
|
],
|
38054
37745
|
"members": [
|
38055
37746
|
{
|
38056
37747
|
"kind": "field",
|
38057
|
-
"name": "
|
37748
|
+
"name": "placeholder",
|
38058
37749
|
"type": {
|
38059
|
-
"text": "
|
38060
|
-
}
|
38061
|
-
|
38062
|
-
|
38063
|
-
"kind": "method",
|
38064
|
-
"name": "handleKeyDown",
|
38065
|
-
"privacy": "protected",
|
38066
|
-
"parameters": [
|
38067
|
-
{
|
38068
|
-
"name": "event",
|
38069
|
-
"type": {
|
38070
|
-
"text": "KeyboardEvent"
|
38071
|
-
},
|
38072
|
-
"description": "Keyboard event"
|
38073
|
-
}
|
38074
|
-
],
|
38075
|
-
"description": "Handles the keydown event of the search field.\nIf the key pressed is 'Enter', it submits the form.\nIf the key pressed is 'Escape', it clears the input text.",
|
38076
|
-
"inheritedFrom": {
|
38077
|
-
"name": "Input",
|
38078
|
-
"module": "components/input/input.component.js"
|
38079
|
-
}
|
38080
|
-
},
|
38081
|
-
{
|
38082
|
-
"kind": "method",
|
38083
|
-
"name": "renderInputChips",
|
38084
|
-
"privacy": "private",
|
38085
|
-
"description": "This method is used to render the input chips inside filters slot.\nIt will remove any elements that are not input chips."
|
38086
|
-
},
|
38087
|
-
{
|
38088
|
-
"kind": "method",
|
38089
|
-
"name": "clearInputText",
|
38090
|
-
"privacy": "protected",
|
38091
|
-
"description": "Clears the input field.",
|
38092
|
-
"inheritedFrom": {
|
38093
|
-
"name": "Input",
|
38094
|
-
"module": "components/input/input.component.js"
|
38095
|
-
}
|
37750
|
+
"text": "string | undefined"
|
37751
|
+
},
|
37752
|
+
"description": "The placeholder text which will be shown on the text if provided.",
|
37753
|
+
"attribute": "placeholder"
|
38096
37754
|
},
|
38097
37755
|
{
|
38098
37756
|
"kind": "field",
|
38099
|
-
"name": "
|
37757
|
+
"name": "placement",
|
38100
37758
|
"type": {
|
38101
|
-
"text": "
|
37759
|
+
"text": "Placement"
|
38102
37760
|
},
|
38103
|
-
"
|
38104
|
-
"
|
38105
|
-
"attribute": "
|
38106
|
-
"reflects": true
|
38107
|
-
"inheritedFrom": {
|
38108
|
-
"name": "AutoFocusOnMountMixin",
|
38109
|
-
"module": "utils/mixins/AutoFocusOnMountMixin.js"
|
38110
|
-
}
|
37761
|
+
"description": "The placement of the popover within Select component.\nThis defines the position of the popover relative to the select input field.\n\nPossible values:\n - 'top-start'\n - 'bottom-start'",
|
37762
|
+
"default": "'bottom-start'",
|
37763
|
+
"attribute": "placement",
|
37764
|
+
"reflects": true
|
38111
37765
|
},
|
38112
37766
|
{
|
38113
37767
|
"kind": "field",
|
38114
|
-
"name": "
|
37768
|
+
"name": "boundary",
|
38115
37769
|
"type": {
|
38116
|
-
"text": "string"
|
37770
|
+
"text": "'clippingAncestors' | string"
|
38117
37771
|
},
|
38118
|
-
"
|
38119
|
-
"
|
38120
|
-
"attribute": "
|
38121
|
-
"reflects": true
|
38122
|
-
"inheritedFrom": {
|
38123
|
-
"name": "FormInternalsMixin",
|
38124
|
-
"module": "utils/mixins/FormInternalsMixin.js"
|
38125
|
-
}
|
37772
|
+
"description": "This describes the clipping element(s) or area that overflow of the used popover will be checked relative to.\nThe default is 'clippingAncestors', which are the overflow ancestors which will cause the\nelement to be clipped.\n\nPossible values:\n - 'clippingAncestors'\n - any css selector",
|
37773
|
+
"default": "'clippingAncestors'",
|
37774
|
+
"attribute": "boundary",
|
37775
|
+
"reflects": true
|
38126
37776
|
},
|
38127
37777
|
{
|
38128
37778
|
"kind": "field",
|
38129
|
-
"name": "
|
37779
|
+
"name": "strategy",
|
38130
37780
|
"type": {
|
38131
|
-
"text": "
|
37781
|
+
"text": "PopoverStrategy"
|
38132
37782
|
},
|
38133
|
-
"
|
38134
|
-
"
|
38135
|
-
"attribute": "
|
38136
|
-
"reflects": true
|
38137
|
-
"inheritedFrom": {
|
38138
|
-
"name": "FormInternalsMixin",
|
38139
|
-
"module": "utils/mixins/FormInternalsMixin.js"
|
38140
|
-
}
|
37783
|
+
"description": "The strategy of the popover within Select.\nThis determines how the popover is positioned in the DOM.\n\nIn case `boundary` is set to something other than 'clippingAncestors',\nit might be necessary to set the `strategy` to 'fixed' to ensure that the popover\nis not getting clipped by scrollable containers enclosing the select.",
|
37784
|
+
"default": "absolute",
|
37785
|
+
"attribute": "strategy",
|
37786
|
+
"reflects": true
|
38141
37787
|
},
|
38142
37788
|
{
|
38143
37789
|
"kind": "field",
|
38144
|
-
"name": "
|
37790
|
+
"name": "popoverZIndex",
|
38145
37791
|
"type": {
|
38146
|
-
"text": "
|
37792
|
+
"text": "number"
|
38147
37793
|
},
|
38148
|
-
"description": "
|
38149
|
-
"
|
38150
|
-
"
|
38151
|
-
"
|
38152
|
-
"name": "FormInternalsMixin",
|
38153
|
-
"module": "utils/mixins/FormInternalsMixin.js"
|
38154
|
-
}
|
37794
|
+
"description": "The z-index of the popover within Select.\n\nOverride this to make sure this stays on top of other components.",
|
37795
|
+
"default": "1000",
|
37796
|
+
"attribute": "popover-z-index",
|
37797
|
+
"reflects": true
|
38155
37798
|
},
|
38156
37799
|
{
|
38157
37800
|
"kind": "field",
|
38158
|
-
"name": "
|
37801
|
+
"name": "backdropAppendTo",
|
38159
37802
|
"type": {
|
38160
|
-
"text": "
|
37803
|
+
"text": "string | undefined"
|
38161
37804
|
},
|
38162
|
-
"
|
38163
|
-
"
|
38164
|
-
|
38165
|
-
"module": "utils/mixins/FormInternalsMixin.js"
|
38166
|
-
}
|
38167
|
-
},
|
38168
|
-
{
|
38169
|
-
"kind": "field",
|
38170
|
-
"name": "willValidate",
|
38171
|
-
"readonly": true,
|
38172
|
-
"inheritedFrom": {
|
38173
|
-
"name": "FormInternalsMixin",
|
38174
|
-
"module": "utils/mixins/FormInternalsMixin.js"
|
38175
|
-
}
|
37805
|
+
"description": "ID of the element where the backdrop will be appended to.\nThis is useful to ensure that the backdrop is appended to the correct element in the DOM.\nIf not set, the backdrop will be appended to the parent element of the select.",
|
37806
|
+
"attribute": "backdrop-append-to",
|
37807
|
+
"reflects": true
|
38176
37808
|
},
|
38177
37809
|
{
|
38178
37810
|
"kind": "method",
|
38179
|
-
"name": "
|
38180
|
-
"
|
37811
|
+
"name": "handleOptionsClick",
|
37812
|
+
"privacy": "private",
|
38181
37813
|
"return": {
|
38182
37814
|
"type": {
|
38183
|
-
"text": ""
|
37815
|
+
"text": "void"
|
38184
37816
|
}
|
38185
37817
|
},
|
38186
|
-
"
|
38187
|
-
|
38188
|
-
|
38189
|
-
|
37818
|
+
"parameters": [
|
37819
|
+
{
|
37820
|
+
"name": "event",
|
37821
|
+
"type": {
|
37822
|
+
"text": "MouseEvent"
|
37823
|
+
},
|
37824
|
+
"description": "The event which triggered this function."
|
37825
|
+
}
|
37826
|
+
],
|
37827
|
+
"description": "A private method which is called when an option is clicked.\nIt sets the selected option, removes selected from other options, updates the tabindex for all options,\ncloses the popover, and fires the change and input events."
|
38190
37828
|
},
|
38191
37829
|
{
|
38192
37830
|
"kind": "method",
|
38193
|
-
"name": "
|
37831
|
+
"name": "setSelectedOption",
|
37832
|
+
"privacy": "private",
|
38194
37833
|
"return": {
|
38195
37834
|
"type": {
|
38196
|
-
"text": "
|
37835
|
+
"text": "void"
|
38197
37836
|
}
|
38198
37837
|
},
|
38199
|
-
"
|
38200
|
-
|
38201
|
-
|
38202
|
-
|
37838
|
+
"parameters": [
|
37839
|
+
{
|
37840
|
+
"name": "option",
|
37841
|
+
"type": {
|
37842
|
+
"text": "Option | null"
|
37843
|
+
},
|
37844
|
+
"description": "The option element in DOM which gets selected."
|
37845
|
+
}
|
37846
|
+
],
|
37847
|
+
"description": "Sets the selected option in the component state and updates the input element's value.\nThis method ensures that only the selected option is marked as selected in the DOM,\nand updates the tabindex for all options accordingly.\nIt also updates the validity of the input element based on the selected option.\nThis method is called when an option is selected."
|
38203
37848
|
},
|
38204
37849
|
{
|
38205
37850
|
"kind": "method",
|
38206
|
-
"name": "
|
38207
|
-
"
|
38208
|
-
|
38209
|
-
"
|
38210
|
-
|
38211
|
-
|
38212
|
-
{
|
38213
|
-
"kind": "field",
|
38214
|
-
"name": "dataAriaLabel",
|
38215
|
-
"type": {
|
38216
|
-
"text": "string | null"
|
37851
|
+
"name": "updateSelectedInChildOptions",
|
37852
|
+
"privacy": "private",
|
37853
|
+
"return": {
|
37854
|
+
"type": {
|
37855
|
+
"text": "void"
|
37856
|
+
}
|
38217
37857
|
},
|
38218
|
-
"
|
38219
|
-
|
38220
|
-
|
38221
|
-
|
38222
|
-
|
38223
|
-
|
38224
|
-
|
38225
|
-
|
37858
|
+
"parameters": [
|
37859
|
+
{
|
37860
|
+
"name": "selectedOption",
|
37861
|
+
"type": {
|
37862
|
+
"text": "Option | null"
|
37863
|
+
},
|
37864
|
+
"description": "The option which gets selected"
|
37865
|
+
}
|
37866
|
+
],
|
37867
|
+
"description": "Sets selected attribute on the selected option and removes it from all options"
|
38226
37868
|
},
|
38227
37869
|
{
|
38228
|
-
"kind": "
|
38229
|
-
"name": "
|
38230
|
-
"
|
38231
|
-
|
37870
|
+
"kind": "method",
|
37871
|
+
"name": "fireEvents",
|
37872
|
+
"privacy": "private",
|
37873
|
+
"return": {
|
37874
|
+
"type": {
|
37875
|
+
"text": "void"
|
37876
|
+
}
|
38232
37877
|
},
|
38233
|
-
"
|
38234
|
-
"description": "The placeholder text that is displayed when the input field is empty.",
|
38235
|
-
"attribute": "placeholder",
|
38236
|
-
"inheritedFrom": {
|
38237
|
-
"name": "Input",
|
38238
|
-
"module": "components/input/input.component.js"
|
38239
|
-
}
|
37878
|
+
"description": "A private method which is called to fire the change and input events.\nIt dispatches the input and change events with the selected option's value and label."
|
38240
37879
|
},
|
38241
37880
|
{
|
38242
|
-
"kind": "
|
38243
|
-
"name": "
|
38244
|
-
"
|
38245
|
-
|
37881
|
+
"kind": "method",
|
37882
|
+
"name": "dispatchChange",
|
37883
|
+
"privacy": "private",
|
37884
|
+
"return": {
|
37885
|
+
"type": {
|
37886
|
+
"text": "void"
|
37887
|
+
}
|
38246
37888
|
},
|
38247
|
-
"
|
38248
|
-
|
38249
|
-
|
38250
|
-
|
38251
|
-
|
38252
|
-
|
37889
|
+
"parameters": [
|
37890
|
+
{
|
37891
|
+
"name": "option",
|
37892
|
+
"type": {
|
37893
|
+
"text": "Option"
|
37894
|
+
}
|
37895
|
+
}
|
37896
|
+
]
|
38253
37897
|
},
|
38254
37898
|
{
|
38255
|
-
"kind": "
|
38256
|
-
"name": "
|
38257
|
-
"
|
38258
|
-
|
37899
|
+
"kind": "method",
|
37900
|
+
"name": "dispatchInput",
|
37901
|
+
"privacy": "private",
|
37902
|
+
"return": {
|
37903
|
+
"type": {
|
37904
|
+
"text": "void"
|
37905
|
+
}
|
38259
37906
|
},
|
38260
|
-
"
|
38261
|
-
|
38262
|
-
|
38263
|
-
|
38264
|
-
|
38265
|
-
|
37907
|
+
"parameters": [
|
37908
|
+
{
|
37909
|
+
"name": "option",
|
37910
|
+
"type": {
|
37911
|
+
"text": "Option"
|
37912
|
+
}
|
37913
|
+
}
|
37914
|
+
]
|
38266
37915
|
},
|
38267
37916
|
{
|
38268
|
-
"kind": "
|
38269
|
-
"name": "
|
38270
|
-
"
|
38271
|
-
|
37917
|
+
"kind": "method",
|
37918
|
+
"name": "handleClickCombobox",
|
37919
|
+
"privacy": "private",
|
37920
|
+
"return": {
|
37921
|
+
"type": {
|
37922
|
+
"text": "void"
|
37923
|
+
}
|
38272
37924
|
},
|
38273
|
-
"
|
38274
|
-
|
38275
|
-
|
38276
|
-
|
38277
|
-
|
38278
|
-
|
38279
|
-
|
37925
|
+
"parameters": [
|
37926
|
+
{
|
37927
|
+
"name": "event",
|
37928
|
+
"type": {
|
37929
|
+
"text": "MouseEvent"
|
37930
|
+
},
|
37931
|
+
"description": "The mouse event which triggered this function."
|
37932
|
+
}
|
37933
|
+
],
|
37934
|
+
"description": "Handles the click event on the visual combobox.\nIf the select is disabled, soft-disabled or readonly, it does nothing.\nIf the popover is already open, it closes it.\nIf it is closed, it opens it."
|
38280
37935
|
},
|
38281
37936
|
{
|
38282
|
-
"kind": "
|
38283
|
-
"name": "
|
38284
|
-
"
|
38285
|
-
|
37937
|
+
"kind": "method",
|
37938
|
+
"name": "handleKeydownCombobox",
|
37939
|
+
"privacy": "private",
|
37940
|
+
"return": {
|
37941
|
+
"type": {
|
37942
|
+
"text": "void"
|
37943
|
+
}
|
38286
37944
|
},
|
38287
|
-
"
|
38288
|
-
|
38289
|
-
|
38290
|
-
|
38291
|
-
|
38292
|
-
|
37945
|
+
"parameters": [
|
37946
|
+
{
|
37947
|
+
"name": "event",
|
37948
|
+
"type": {
|
37949
|
+
"text": "KeyboardEvent"
|
37950
|
+
},
|
37951
|
+
"description": "The keyboard event."
|
37952
|
+
}
|
37953
|
+
],
|
37954
|
+
"description": "Handles the keydown event on the select element when the popover is closed.\nThe options are as follows:\n- ARROW_DOWN, ARROW_UP, SPACE: Opens the popover and prevents the default scrolling behavior.\n- ENTER: Opens the popover, prevents default scrolling, and submits the form if the popover is closed.\n- HOME: Opens the popover and sets focus and tabindex on the first option.\n- END: Opens the popover and sets focus and tabindex on the last option."
|
38293
37955
|
},
|
38294
37956
|
{
|
38295
|
-
"kind": "
|
38296
|
-
"name": "
|
38297
|
-
"
|
38298
|
-
|
37957
|
+
"kind": "method",
|
37958
|
+
"name": "getCurrentIndex",
|
37959
|
+
"privacy": "private",
|
37960
|
+
"return": {
|
37961
|
+
"type": {
|
37962
|
+
"text": ""
|
37963
|
+
}
|
38299
37964
|
},
|
38300
|
-
"
|
38301
|
-
|
37965
|
+
"parameters": [
|
37966
|
+
{
|
37967
|
+
"name": "target",
|
37968
|
+
"type": {
|
37969
|
+
"text": "HTMLElement | null"
|
37970
|
+
},
|
37971
|
+
"description": "The target element that triggered the event."
|
37972
|
+
}
|
37973
|
+
],
|
37974
|
+
"description": "Retrieves the current index of the item that triggered the event.",
|
38302
37975
|
"inheritedFrom": {
|
38303
|
-
"name": "
|
38304
|
-
"module": "
|
37976
|
+
"name": "ListNavigationMixin",
|
37977
|
+
"module": "utils/mixins/ListNavigationMixin.js"
|
38305
37978
|
}
|
38306
37979
|
},
|
38307
37980
|
{
|
38308
|
-
"kind": "
|
38309
|
-
"name": "
|
38310
|
-
"
|
38311
|
-
|
38312
|
-
|
38313
|
-
|
38314
|
-
|
38315
|
-
|
37981
|
+
"kind": "method",
|
37982
|
+
"name": "resetTabIndexes",
|
37983
|
+
"privacy": "protected",
|
37984
|
+
"parameters": [
|
37985
|
+
{
|
37986
|
+
"name": "index",
|
37987
|
+
"type": {
|
37988
|
+
"text": "number"
|
37989
|
+
},
|
37990
|
+
"description": "The index of the currently focused item."
|
37991
|
+
}
|
37992
|
+
],
|
37993
|
+
"description": "Reset all tabindex to -1 and set the tabindex of the current item to 0",
|
38316
37994
|
"inheritedFrom": {
|
38317
|
-
"name": "
|
38318
|
-
"module": "
|
37995
|
+
"name": "ListNavigationMixin",
|
37996
|
+
"module": "utils/mixins/ListNavigationMixin.js"
|
38319
37997
|
}
|
38320
37998
|
},
|
38321
37999
|
{
|
38322
|
-
"kind": "
|
38323
|
-
"name": "
|
38324
|
-
"
|
38325
|
-
|
38000
|
+
"kind": "method",
|
38001
|
+
"name": "resetTabIndexAndSetFocus",
|
38002
|
+
"privacy": "protected",
|
38003
|
+
"parameters": [
|
38004
|
+
{
|
38005
|
+
"name": "newIndex",
|
38006
|
+
"type": {
|
38007
|
+
"text": "number"
|
38008
|
+
},
|
38009
|
+
"description": "The index of the new item to focus."
|
38010
|
+
},
|
38011
|
+
{
|
38012
|
+
"name": "oldIndex",
|
38013
|
+
"optional": true,
|
38014
|
+
"type": {
|
38015
|
+
"text": "number"
|
38016
|
+
},
|
38017
|
+
"description": "The index of the currently focused item."
|
38018
|
+
},
|
38019
|
+
{
|
38020
|
+
"name": "focusNewItem",
|
38021
|
+
"default": "true",
|
38022
|
+
"description": "Call focus() on the new item or not. It should be false during firstUpdate"
|
38023
|
+
}
|
38024
|
+
],
|
38025
|
+
"description": "Resets the tabindex of the currently focused item and sets focus to a new item.",
|
38026
|
+
"return": {
|
38027
|
+
"type": {
|
38028
|
+
"text": ""
|
38029
|
+
}
|
38326
38030
|
},
|
38327
|
-
"description": "The autocomplete attribute of the input field.",
|
38328
|
-
"default": "'off'",
|
38329
|
-
"attribute": "autocomplete",
|
38330
38031
|
"inheritedFrom": {
|
38331
|
-
"name": "
|
38332
|
-
"module": "
|
38032
|
+
"name": "ListNavigationMixin",
|
38033
|
+
"module": "utils/mixins/ListNavigationMixin.js"
|
38333
38034
|
}
|
38334
38035
|
},
|
38335
38036
|
{
|
38336
|
-
"kind": "
|
38337
|
-
"name": "
|
38338
|
-
"
|
38339
|
-
|
38037
|
+
"kind": "method",
|
38038
|
+
"name": "resolveDirectionKey",
|
38039
|
+
"privacy": "private",
|
38040
|
+
"parameters": [
|
38041
|
+
{
|
38042
|
+
"name": "key",
|
38043
|
+
"type": {
|
38044
|
+
"text": "string"
|
38045
|
+
},
|
38046
|
+
"description": "The key pressed by the user."
|
38047
|
+
},
|
38048
|
+
{
|
38049
|
+
"name": "isRtl",
|
38050
|
+
"type": {
|
38051
|
+
"text": "boolean"
|
38052
|
+
},
|
38053
|
+
"description": "A boolean indicating if the layout is right-to-left (RTL)."
|
38054
|
+
}
|
38055
|
+
],
|
38056
|
+
"description": "Resolves the key pressed by the user based on the direction of the layout.\nThis method is used to handle keyboard navigation in a right-to-left (RTL) layout.\nIt checks if the layout is RTL and adjusts the arrow keys accordingly.\nFor example, in RTL, the left arrow key behaves like the right arrow key and vice versa.",
|
38057
|
+
"return": {
|
38058
|
+
"type": {
|
38059
|
+
"text": ""
|
38060
|
+
}
|
38340
38061
|
},
|
38341
|
-
"description": "Specifies the name of the directionality of text for submission purposes (e.g., \"rtl\" for right-to-left).",
|
38342
|
-
"attribute": "dirname",
|
38343
38062
|
"inheritedFrom": {
|
38344
|
-
"name": "
|
38345
|
-
"module": "
|
38063
|
+
"name": "ListNavigationMixin",
|
38064
|
+
"module": "utils/mixins/ListNavigationMixin.js"
|
38346
38065
|
}
|
38347
38066
|
},
|
38348
38067
|
{
|
38349
|
-
"kind": "
|
38350
|
-
"name": "
|
38351
|
-
"
|
38352
|
-
"text": "string | undefined"
|
38353
|
-
},
|
38354
|
-
"description": "The pattern attribute of the input field.\nSpecifies a regular expression that the input value must match for validation purposes.",
|
38355
|
-
"attribute": "pattern",
|
38068
|
+
"kind": "method",
|
38069
|
+
"name": "shouldLoop",
|
38070
|
+
"privacy": "private",
|
38356
38071
|
"inheritedFrom": {
|
38357
|
-
"name": "
|
38358
|
-
"module": "
|
38072
|
+
"name": "ListNavigationMixin",
|
38073
|
+
"module": "utils/mixins/ListNavigationMixin.js"
|
38359
38074
|
}
|
38360
38075
|
},
|
38361
38076
|
{
|
38362
38077
|
"kind": "field",
|
38363
|
-
"name": "
|
38078
|
+
"name": "autoFocusOnMount",
|
38364
38079
|
"type": {
|
38365
|
-
"text": "
|
38080
|
+
"text": "boolean"
|
38366
38081
|
},
|
38367
|
-
"
|
38368
|
-
"
|
38082
|
+
"default": "false",
|
38083
|
+
"description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
|
38084
|
+
"attribute": "auto-focus-on-mount",
|
38085
|
+
"reflects": true,
|
38369
38086
|
"inheritedFrom": {
|
38370
|
-
"name": "
|
38371
|
-
"module": "
|
38087
|
+
"name": "AutoFocusOnMountMixin",
|
38088
|
+
"module": "utils/mixins/AutoFocusOnMountMixin.js"
|
38372
38089
|
}
|
38373
38090
|
},
|
38374
38091
|
{
|
38375
38092
|
"kind": "field",
|
38376
|
-
"name": "
|
38093
|
+
"name": "name",
|
38377
38094
|
"type": {
|
38378
|
-
"text": "
|
38095
|
+
"text": "string"
|
38379
38096
|
},
|
38380
|
-
"
|
38381
|
-
"
|
38382
|
-
"attribute": "
|
38097
|
+
"default": "''",
|
38098
|
+
"description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
|
38099
|
+
"attribute": "name",
|
38100
|
+
"reflects": true,
|
38383
38101
|
"inheritedFrom": {
|
38384
|
-
"name": "
|
38385
|
-
"module": "
|
38102
|
+
"name": "FormInternalsMixin",
|
38103
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
38386
38104
|
}
|
38387
38105
|
},
|
38388
38106
|
{
|
38389
38107
|
"kind": "field",
|
38390
|
-
"name": "
|
38108
|
+
"name": "value",
|
38391
38109
|
"type": {
|
38392
38110
|
"text": "string"
|
38393
38111
|
},
|
38394
38112
|
"default": "''",
|
38395
|
-
"description": "
|
38396
|
-
"attribute": "
|
38397
|
-
"
|
38398
|
-
"name": "Input",
|
38399
|
-
"module": "components/input/input.component.js"
|
38400
|
-
}
|
38401
|
-
},
|
38402
|
-
{
|
38403
|
-
"kind": "method",
|
38404
|
-
"name": "setInputValidity",
|
38405
|
-
"privacy": "private",
|
38113
|
+
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
38114
|
+
"attribute": "value",
|
38115
|
+
"reflects": true,
|
38406
38116
|
"inheritedFrom": {
|
38407
|
-
"name": "
|
38408
|
-
"module": "
|
38409
|
-
}
|
38410
|
-
},
|
38411
|
-
{
|
38412
|
-
"kind": "
|
38413
|
-
"name": "
|
38414
|
-
"
|
38415
|
-
|
38416
|
-
"return": {
|
38417
|
-
"type": {
|
38418
|
-
"text": ""
|
38419
|
-
}
|
38117
|
+
"name": "FormInternalsMixin",
|
38118
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
38119
|
+
}
|
38120
|
+
},
|
38121
|
+
{
|
38122
|
+
"kind": "field",
|
38123
|
+
"name": "validationMessage",
|
38124
|
+
"type": {
|
38125
|
+
"text": "string | undefined"
|
38420
38126
|
},
|
38127
|
+
"description": "Custom validation message that will override the default message and displayed when the input is invalid.\n\nTo display custom validation messages, you must listen for input events (or other relevant events)\non your component and update the `validationMessage` property with the desired message string.\nUpdating this property will ensure that new validation messages are shown to the user.\n- The `validationMessage` property overrides the default browser validation message when set.\n- Consumers are responsible for updating `validationMessage` in response to input or validation state changes.",
|
38128
|
+
"attribute": "validation-message",
|
38129
|
+
"reflects": true,
|
38421
38130
|
"inheritedFrom": {
|
38422
|
-
"name": "
|
38423
|
-
"module": "
|
38131
|
+
"name": "FormInternalsMixin",
|
38132
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
38424
38133
|
}
|
38425
38134
|
},
|
38426
38135
|
{
|
38427
|
-
"kind": "
|
38428
|
-
"name": "
|
38429
|
-
"
|
38430
|
-
|
38136
|
+
"kind": "field",
|
38137
|
+
"name": "validity",
|
38138
|
+
"type": {
|
38139
|
+
"text": "ValidityState"
|
38140
|
+
},
|
38141
|
+
"readonly": true,
|
38431
38142
|
"inheritedFrom": {
|
38432
|
-
"name": "
|
38433
|
-
"module": "
|
38143
|
+
"name": "FormInternalsMixin",
|
38144
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
38434
38145
|
}
|
38435
38146
|
},
|
38436
38147
|
{
|
38437
|
-
"kind": "
|
38438
|
-
"name": "
|
38439
|
-
"
|
38440
|
-
"parameters": [
|
38441
|
-
{
|
38442
|
-
"name": "event",
|
38443
|
-
"type": {
|
38444
|
-
"text": "Event"
|
38445
|
-
},
|
38446
|
-
"description": "Event which contains information about the value change."
|
38447
|
-
}
|
38448
|
-
],
|
38449
|
-
"description": "Handles the change event of the input field.\nUpdates the value and sets the validity of the input field.\n\nThe 'change' event does not bubble up through the shadow DOM as it was not composed.\nTherefore, we need to re-dispatch the same event to ensure it is propagated correctly.\nRead more: https://developer.mozilla.org/en-US/docs/Web/API/Event/composed",
|
38148
|
+
"kind": "field",
|
38149
|
+
"name": "willValidate",
|
38150
|
+
"readonly": true,
|
38450
38151
|
"inheritedFrom": {
|
38451
|
-
"name": "
|
38452
|
-
"module": "
|
38152
|
+
"name": "FormInternalsMixin",
|
38153
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
38453
38154
|
}
|
38454
38155
|
},
|
38455
38156
|
{
|
38456
38157
|
"kind": "method",
|
38457
|
-
"name": "
|
38458
|
-
"
|
38459
|
-
"description": "Renders the leading icon before the input field.\nIf the leading icon is not set, it will not be displayed.",
|
38158
|
+
"name": "setValidity",
|
38159
|
+
"description": "Sets the validity of the input field based on the input field's validity.",
|
38460
38160
|
"return": {
|
38461
38161
|
"type": {
|
38462
38162
|
"text": ""
|
38463
38163
|
}
|
38464
38164
|
},
|
38465
38165
|
"inheritedFrom": {
|
38466
|
-
"name": "
|
38467
|
-
"module": "
|
38166
|
+
"name": "FormInternalsMixin",
|
38167
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
38468
38168
|
}
|
38469
38169
|
},
|
38470
38170
|
{
|
38471
38171
|
"kind": "method",
|
38472
|
-
"name": "
|
38473
|
-
"privacy": "protected",
|
38474
|
-
"description": "Renders the prefix text before the input field.\nIf the prefix text is more than 10 characters,\n- it will not be displayed.\n- the validation messsage will be displayed.\n\n Note: We are setting aria-hidden so that the screen reader does not read the prefix text.\n The consumers should set the appropriate aria-label for the input field using 'data-aria-label' attribute.",
|
38172
|
+
"name": "checkValidity",
|
38475
38173
|
"return": {
|
38476
38174
|
"type": {
|
38477
|
-
"text": ""
|
38175
|
+
"text": "boolean"
|
38478
38176
|
}
|
38479
38177
|
},
|
38480
38178
|
"inheritedFrom": {
|
38481
|
-
"name": "
|
38482
|
-
"module": "
|
38179
|
+
"name": "FormInternalsMixin",
|
38180
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
38483
38181
|
}
|
38484
38182
|
},
|
38485
38183
|
{
|
38486
38184
|
"kind": "method",
|
38487
|
-
"name": "
|
38488
|
-
"privacy": "protected",
|
38489
|
-
"parameters": [
|
38490
|
-
{
|
38491
|
-
"name": "show",
|
38492
|
-
"default": "false"
|
38493
|
-
}
|
38494
|
-
],
|
38495
|
-
"description": "Renders the trailing button to clear the input field if the trailingButton is set to true.",
|
38496
|
-
"return": {
|
38497
|
-
"type": {
|
38498
|
-
"text": ""
|
38499
|
-
}
|
38500
|
-
},
|
38185
|
+
"name": "reportValidity",
|
38501
38186
|
"inheritedFrom": {
|
38502
|
-
"name": "
|
38503
|
-
"module": "
|
38187
|
+
"name": "FormInternalsMixin",
|
38188
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
38504
38189
|
}
|
38505
38190
|
},
|
38506
38191
|
{
|
38507
|
-
"kind": "
|
38508
|
-
"name": "
|
38509
|
-
"
|
38510
|
-
|
38511
|
-
|
38512
|
-
|
38513
|
-
|
38514
|
-
|
38515
|
-
|
38516
|
-
},
|
38517
|
-
{
|
38518
|
-
"name": "hidePlaceholder",
|
38519
|
-
"default": "false"
|
38520
|
-
}
|
38521
|
-
],
|
38192
|
+
"kind": "field",
|
38193
|
+
"name": "dataAriaLabel",
|
38194
|
+
"type": {
|
38195
|
+
"text": "string | null"
|
38196
|
+
},
|
38197
|
+
"default": "null",
|
38198
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
38199
|
+
"attribute": "data-aria-label",
|
38200
|
+
"reflects": true,
|
38522
38201
|
"inheritedFrom": {
|
38523
|
-
"name": "
|
38524
|
-
"module": "
|
38202
|
+
"name": "DataAriaLabelMixin",
|
38203
|
+
"module": "utils/mixins/DataAriaLabelMixin.js"
|
38525
38204
|
}
|
38526
38205
|
},
|
38527
38206
|
{
|
@@ -38698,357 +38377,214 @@
|
|
38698
38377
|
}
|
38699
38378
|
},
|
38700
38379
|
{
|
38701
|
-
"kind": "method",
|
38702
|
-
"name": "renderHelpTextIcon",
|
38703
|
-
"privacy": "protected",
|
38704
|
-
"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.",
|
38705
|
-
"return": {
|
38706
|
-
"type": {
|
38707
|
-
"text": ""
|
38708
|
-
}
|
38709
|
-
},
|
38710
|
-
"inheritedFrom": {
|
38711
|
-
"name": "FormfieldWrapper",
|
38712
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
38713
|
-
}
|
38714
|
-
},
|
38715
|
-
{
|
38716
|
-
"kind": "method",
|
38717
|
-
"name": "renderHelpText",
|
38718
|
-
"privacy": "protected",
|
38719
|
-
"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.",
|
38720
|
-
"return": {
|
38721
|
-
"type": {
|
38722
|
-
"text": ""
|
38723
|
-
}
|
38724
|
-
},
|
38725
|
-
"inheritedFrom": {
|
38726
|
-
"name": "FormfieldWrapper",
|
38727
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
38728
|
-
}
|
38729
|
-
},
|
38730
|
-
{
|
38731
|
-
"kind": "method",
|
38732
|
-
"name": "renderLabel",
|
38733
|
-
"privacy": "protected",
|
38734
|
-
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
38735
|
-
"return": {
|
38736
|
-
"type": {
|
38737
|
-
"text": ""
|
38738
|
-
}
|
38739
|
-
},
|
38740
|
-
"inheritedFrom": {
|
38741
|
-
"name": "FormfieldWrapper",
|
38742
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
38743
|
-
}
|
38744
|
-
},
|
38745
|
-
{
|
38746
|
-
"kind": "method",
|
38747
|
-
"name": "renderHelperText",
|
38748
|
-
"privacy": "protected",
|
38749
|
-
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
38750
|
-
"return": {
|
38751
|
-
"type": {
|
38752
|
-
"text": ""
|
38753
|
-
}
|
38754
|
-
},
|
38755
|
-
"inheritedFrom": {
|
38756
|
-
"name": "FormfieldWrapper",
|
38757
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
38758
|
-
}
|
38759
|
-
}
|
38760
|
-
],
|
38761
|
-
"events": [
|
38762
|
-
{
|
38763
|
-
"description": "(React: onInput) This event is dispatched when the value of the input field changes (every press).",
|
38764
|
-
"name": "input",
|
38765
|
-
"reactName": "onInput",
|
38766
|
-
"inheritedFrom": {
|
38767
|
-
"name": "Input",
|
38768
|
-
"module": "src/components/input/input.component.ts"
|
38769
|
-
}
|
38770
|
-
},
|
38771
|
-
{
|
38772
|
-
"description": "(React: onChange) This event is dispatched when the value of the input field changes (on blur).",
|
38773
|
-
"name": "change",
|
38774
|
-
"reactName": "onChange",
|
38775
|
-
"inheritedFrom": {
|
38776
|
-
"name": "Input",
|
38777
|
-
"module": "src/components/input/input.component.ts"
|
38778
|
-
}
|
38779
|
-
},
|
38780
|
-
{
|
38781
|
-
"description": "(React: onFocus) This event is dispatched when the input receives focus.",
|
38782
|
-
"name": "focus",
|
38783
|
-
"reactName": "onFocus",
|
38784
|
-
"inheritedFrom": {
|
38785
|
-
"name": "Input",
|
38786
|
-
"module": "src/components/input/input.component.ts"
|
38787
|
-
}
|
38788
|
-
},
|
38789
|
-
{
|
38790
|
-
"description": "(React: onBlur) This event is dispatched when the input loses focus.",
|
38791
|
-
"name": "blur",
|
38792
|
-
"reactName": "onBlur",
|
38793
|
-
"inheritedFrom": {
|
38794
|
-
"name": "Input",
|
38795
|
-
"module": "src/components/input/input.component.ts"
|
38796
|
-
}
|
38797
|
-
},
|
38798
|
-
{
|
38799
|
-
"name": "clear",
|
38800
|
-
"type": {
|
38801
|
-
"text": "CustomEvent"
|
38802
|
-
},
|
38803
|
-
"description": "(React: onClear) This event is dispatched when the input text is cleared.",
|
38804
|
-
"reactName": "onClear",
|
38805
|
-
"inheritedFrom": {
|
38806
|
-
"name": "Input",
|
38807
|
-
"module": "src/components/input/input.component.ts"
|
38808
|
-
}
|
38809
|
-
},
|
38810
|
-
{
|
38811
|
-
"type": {
|
38812
|
-
"text": "EventConstructor"
|
38813
|
-
},
|
38814
|
-
"inheritedFrom": {
|
38815
|
-
"name": "Input",
|
38816
|
-
"module": "src/components/input/input.component.ts"
|
38817
|
-
}
|
38818
|
-
}
|
38819
|
-
],
|
38820
|
-
"superclass": {
|
38821
|
-
"name": "Input",
|
38822
|
-
"module": "/src/components/input/input.component"
|
38823
|
-
},
|
38824
|
-
"tagName": "mdc-searchfield",
|
38825
|
-
"jsDoc": "/**\n * `mdc-searchfield` component is used as an input field for search functionality.\n *\n * It supports `mdc-inputchip` as filters.\n *\n * This component is built by extending the `mdc-input` component.\n *\n * @tagname mdc-searchfield\n *\n * @event input - (React: onInput) This event is dispatched when the value of the input field changes (every press).\n * @event change - (React: onChange) This event is dispatched when the value of the input field changes (on blur).\n * @event focus - (React: onFocus) This event is dispatched when the input receives focus.\n * @event blur - (React: onBlur) This event is dispatched when the input loses focus.\n * @event clear - (React: onClear) This event is dispatched when the input text is cleared.\n *\n * @slot filters - Slot for input chips\n * @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.\n * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.\n * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.\n * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.\n * @slot input - Slot for the input element. If not provided, the input field will be rendered.\n * @slot input-leading-icon - Slot for the leading icon before the input field. If not provided, the `leadingIcon` property will be used to render the leading icon.\n * @slot input-prefix-text - Slot for the prefix text before the input field. If not provided, the `prefixText` property will be used to render the prefix text.\n * @slot trailing-button - Slot for the trailing button to clear the input field. If not provided, the clear button will be rendered when `trailingButton` property is set to true.\n *\n * @cssproperty --mdc-label-font-size - Font size for the label text.\n * @cssproperty --mdc-label-font-weight - Font weight for the label text.\n * @cssproperty --mdc-label-line-height - Line height for the label text.\n * @cssproperty --mdc-label-color - Color for the label text.\n * @cssproperty --mdc-help-text-font-size - Font size for the help text.\n * @cssproperty --mdc-help-text-font-weight - Font weight for the help text.\n * @cssproperty --mdc-help-text-line-height - Line height for the help text.\n * @cssproperty --mdc-help-text-color - Color for the help text.\n * @cssproperty --mdc-input-text-color - Text color for the input field\n * @cssproperty --mdc-input-border-color - Border color for the input container\n * @cssproperty --mdc-input-background-color - Background color for the input field\n * @cssproperty --mdc-input-support-text-color - Text color for the help text\n * @cssproperty --mdc-input-selection-text-color - Text color for the selected text\n * @cssproperty --mdc-input-selection-background-color - Background color for the selected text\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.\n * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.\n * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.\n * @csspart help-text-container - The container for the helper/validation icon and text elements.\n * @csspart leading-icon - The leading icon element that is displayed before the input field.\n * @csspart prefix-text - The prefix text element that is displayed before the input field.\n * @csspart input-container - The container for the input field, leading icon, prefix text, and trailing button elements.\n * @csspart input-section - The container for the input field, leading icon, and prefix text elements.\n * @csspart input-text - The input field element.\n * @csspart trailing-button - The trailing button element that is displayed to clear the input field when the `trailingButton` property is set to true.\n */",
|
38826
|
-
"customElement": true,
|
38827
|
-
"attributes": [
|
38828
|
-
{
|
38829
|
-
"name": "auto-focus-on-mount",
|
38830
|
-
"type": {
|
38831
|
-
"text": "boolean"
|
38832
|
-
},
|
38833
|
-
"default": "false",
|
38834
|
-
"description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
|
38835
|
-
"fieldName": "autoFocusOnMount",
|
38836
|
-
"inheritedFrom": {
|
38837
|
-
"name": "AutoFocusOnMountMixin",
|
38838
|
-
"module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
|
38839
|
-
}
|
38840
|
-
},
|
38841
|
-
{
|
38842
|
-
"name": "name",
|
38843
|
-
"type": {
|
38844
|
-
"text": "string"
|
38380
|
+
"kind": "method",
|
38381
|
+
"name": "renderHelpTextIcon",
|
38382
|
+
"privacy": "protected",
|
38383
|
+
"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.",
|
38384
|
+
"return": {
|
38385
|
+
"type": {
|
38386
|
+
"text": ""
|
38387
|
+
}
|
38845
38388
|
},
|
38846
|
-
"default": "''",
|
38847
|
-
"description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
|
38848
|
-
"fieldName": "name",
|
38849
38389
|
"inheritedFrom": {
|
38850
|
-
"name": "
|
38851
|
-
"module": "
|
38390
|
+
"name": "FormfieldWrapper",
|
38391
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
38852
38392
|
}
|
38853
38393
|
},
|
38854
38394
|
{
|
38855
|
-
"
|
38856
|
-
"
|
38857
|
-
|
38395
|
+
"kind": "method",
|
38396
|
+
"name": "renderHelpText",
|
38397
|
+
"privacy": "protected",
|
38398
|
+
"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.",
|
38399
|
+
"return": {
|
38400
|
+
"type": {
|
38401
|
+
"text": ""
|
38402
|
+
}
|
38858
38403
|
},
|
38859
|
-
"default": "''",
|
38860
|
-
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
38861
|
-
"fieldName": "value",
|
38862
38404
|
"inheritedFrom": {
|
38863
|
-
"name": "
|
38864
|
-
"module": "
|
38405
|
+
"name": "FormfieldWrapper",
|
38406
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
38865
38407
|
}
|
38866
38408
|
},
|
38867
38409
|
{
|
38868
|
-
"
|
38869
|
-
"
|
38870
|
-
|
38410
|
+
"kind": "method",
|
38411
|
+
"name": "renderLabel",
|
38412
|
+
"privacy": "protected",
|
38413
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
38414
|
+
"return": {
|
38415
|
+
"type": {
|
38416
|
+
"text": ""
|
38417
|
+
}
|
38871
38418
|
},
|
38872
|
-
"description": "Custom validation message that will override the default message and displayed when the input is invalid.\n\nTo display custom validation messages, you must listen for input events (or other relevant events)\non your component and update the `validationMessage` property with the desired message string.\nUpdating this property will ensure that new validation messages are shown to the user.\n- The `validationMessage` property overrides the default browser validation message when set.\n- Consumers are responsible for updating `validationMessage` in response to input or validation state changes.",
|
38873
|
-
"fieldName": "validationMessage",
|
38874
38419
|
"inheritedFrom": {
|
38875
|
-
"name": "
|
38876
|
-
"module": "
|
38420
|
+
"name": "FormfieldWrapper",
|
38421
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
38877
38422
|
}
|
38878
38423
|
},
|
38879
38424
|
{
|
38880
|
-
"
|
38881
|
-
"
|
38882
|
-
|
38425
|
+
"kind": "method",
|
38426
|
+
"name": "renderHelperText",
|
38427
|
+
"privacy": "protected",
|
38428
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
38429
|
+
"return": {
|
38430
|
+
"type": {
|
38431
|
+
"text": ""
|
38432
|
+
}
|
38883
38433
|
},
|
38884
|
-
"default": "null",
|
38885
|
-
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
38886
|
-
"fieldName": "dataAriaLabel",
|
38887
38434
|
"inheritedFrom": {
|
38888
|
-
"name": "
|
38889
|
-
"module": "
|
38435
|
+
"name": "FormfieldWrapper",
|
38436
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
38890
38437
|
}
|
38891
|
-
}
|
38438
|
+
}
|
38439
|
+
],
|
38440
|
+
"events": [
|
38892
38441
|
{
|
38893
|
-
"name": "
|
38442
|
+
"name": "change",
|
38894
38443
|
"type": {
|
38895
|
-
"text": "
|
38444
|
+
"text": "CustomEvent"
|
38896
38445
|
},
|
38897
|
-
"
|
38898
|
-
"
|
38899
|
-
"fieldName": "placeholder",
|
38900
|
-
"inheritedFrom": {
|
38901
|
-
"name": "Input",
|
38902
|
-
"module": "src/components/input/input.component.ts"
|
38903
|
-
}
|
38446
|
+
"description": "(React: onChange) This event is dispatched when the select is changed.",
|
38447
|
+
"reactName": "onChange"
|
38904
38448
|
},
|
38905
38449
|
{
|
38906
|
-
"name": "
|
38450
|
+
"name": "input",
|
38907
38451
|
"type": {
|
38908
|
-
"text": "
|
38452
|
+
"text": "CustomEvent"
|
38909
38453
|
},
|
38910
|
-
"description": "
|
38911
|
-
"
|
38912
|
-
"inheritedFrom": {
|
38913
|
-
"name": "Input",
|
38914
|
-
"module": "src/components/input/input.component.ts"
|
38915
|
-
}
|
38454
|
+
"description": "(React: onInput) This event is dispatched when the select is changed.",
|
38455
|
+
"reactName": "onInput"
|
38916
38456
|
},
|
38917
38457
|
{
|
38918
|
-
"
|
38458
|
+
"description": "(React: onClick) This event is dispatched when the select is clicked.",
|
38459
|
+
"name": "click",
|
38460
|
+
"reactName": "onClick"
|
38461
|
+
},
|
38462
|
+
{
|
38463
|
+
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the select.",
|
38464
|
+
"name": "keydown",
|
38465
|
+
"reactName": "onKeyDown"
|
38466
|
+
},
|
38467
|
+
{
|
38468
|
+
"description": "(React: onFocus) This event is dispatched when the select receives focus.",
|
38469
|
+
"name": "focus",
|
38470
|
+
"reactName": "onFocus"
|
38471
|
+
}
|
38472
|
+
],
|
38473
|
+
"attributes": [
|
38474
|
+
{
|
38475
|
+
"name": "placeholder",
|
38919
38476
|
"type": {
|
38920
|
-
"text": "
|
38477
|
+
"text": "string | undefined"
|
38921
38478
|
},
|
38922
|
-
"description": "The
|
38923
|
-
"fieldName": "
|
38924
|
-
"inheritedFrom": {
|
38925
|
-
"name": "Input",
|
38926
|
-
"module": "src/components/input/input.component.ts"
|
38927
|
-
}
|
38479
|
+
"description": "The placeholder text which will be shown on the text if provided.",
|
38480
|
+
"fieldName": "placeholder"
|
38928
38481
|
},
|
38929
38482
|
{
|
38930
|
-
"name": "
|
38483
|
+
"name": "placement",
|
38931
38484
|
"type": {
|
38932
|
-
"text": "
|
38485
|
+
"text": "Placement"
|
38933
38486
|
},
|
38934
|
-
"
|
38935
|
-
"
|
38936
|
-
"fieldName": "
|
38937
|
-
"inheritedFrom": {
|
38938
|
-
"name": "Input",
|
38939
|
-
"module": "src/components/input/input.component.ts"
|
38940
|
-
}
|
38487
|
+
"description": "The placement of the popover within Select component.\nThis defines the position of the popover relative to the select input field.\n\nPossible values:\n - 'top-start'\n - 'bottom-start'",
|
38488
|
+
"default": "'bottom-start'",
|
38489
|
+
"fieldName": "placement"
|
38941
38490
|
},
|
38942
38491
|
{
|
38943
|
-
"name": "
|
38492
|
+
"name": "boundary",
|
38944
38493
|
"type": {
|
38945
|
-
"text": "
|
38494
|
+
"text": "'clippingAncestors' | string"
|
38946
38495
|
},
|
38947
|
-
"description": "
|
38948
|
-
"
|
38949
|
-
"
|
38950
|
-
"name": "Input",
|
38951
|
-
"module": "src/components/input/input.component.ts"
|
38952
|
-
}
|
38496
|
+
"description": "This describes the clipping element(s) or area that overflow of the used popover will be checked relative to.\nThe default is 'clippingAncestors', which are the overflow ancestors which will cause the\nelement to be clipped.\n\nPossible values:\n - 'clippingAncestors'\n - any css selector",
|
38497
|
+
"default": "'clippingAncestors'",
|
38498
|
+
"fieldName": "boundary"
|
38953
38499
|
},
|
38954
38500
|
{
|
38955
|
-
"name": "
|
38501
|
+
"name": "strategy",
|
38956
38502
|
"type": {
|
38957
|
-
"text": "
|
38503
|
+
"text": "PopoverStrategy"
|
38958
38504
|
},
|
38959
|
-
"description": "The
|
38960
|
-
"
|
38961
|
-
"
|
38962
|
-
"name": "Input",
|
38963
|
-
"module": "src/components/input/input.component.ts"
|
38964
|
-
}
|
38505
|
+
"description": "The strategy of the popover within Select.\nThis determines how the popover is positioned in the DOM.\n\nIn case `boundary` is set to something other than 'clippingAncestors',\nit might be necessary to set the `strategy` to 'fixed' to ensure that the popover\nis not getting clipped by scrollable containers enclosing the select.",
|
38506
|
+
"default": "absolute",
|
38507
|
+
"fieldName": "strategy"
|
38965
38508
|
},
|
38966
38509
|
{
|
38967
|
-
"name": "
|
38510
|
+
"name": "popover-z-index",
|
38968
38511
|
"type": {
|
38969
|
-
"text": "
|
38512
|
+
"text": "number"
|
38970
38513
|
},
|
38971
|
-
"description": "The
|
38972
|
-
"default": "
|
38973
|
-
"fieldName": "
|
38974
|
-
"inheritedFrom": {
|
38975
|
-
"name": "Input",
|
38976
|
-
"module": "src/components/input/input.component.ts"
|
38977
|
-
}
|
38514
|
+
"description": "The z-index of the popover within Select.\n\nOverride this to make sure this stays on top of other components.",
|
38515
|
+
"default": "1000",
|
38516
|
+
"fieldName": "popoverZIndex"
|
38978
38517
|
},
|
38979
38518
|
{
|
38980
|
-
"name": "
|
38519
|
+
"name": "backdrop-append-to",
|
38981
38520
|
"type": {
|
38982
|
-
"text": "
|
38521
|
+
"text": "string | undefined"
|
38983
38522
|
},
|
38984
|
-
"description": "
|
38985
|
-
"
|
38986
|
-
"fieldName": "autocomplete",
|
38987
|
-
"inheritedFrom": {
|
38988
|
-
"name": "Input",
|
38989
|
-
"module": "src/components/input/input.component.ts"
|
38990
|
-
}
|
38523
|
+
"description": "ID of the element where the backdrop will be appended to.\nThis is useful to ensure that the backdrop is appended to the correct element in the DOM.\nIf not set, the backdrop will be appended to the parent element of the select.",
|
38524
|
+
"fieldName": "backdropAppendTo"
|
38991
38525
|
},
|
38992
38526
|
{
|
38993
|
-
"name": "
|
38527
|
+
"name": "auto-focus-on-mount",
|
38994
38528
|
"type": {
|
38995
|
-
"text": "
|
38529
|
+
"text": "boolean"
|
38996
38530
|
},
|
38997
|
-
"
|
38998
|
-
"
|
38531
|
+
"default": "false",
|
38532
|
+
"description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
|
38533
|
+
"fieldName": "autoFocusOnMount",
|
38999
38534
|
"inheritedFrom": {
|
39000
|
-
"name": "
|
39001
|
-
"module": "src/
|
38535
|
+
"name": "AutoFocusOnMountMixin",
|
38536
|
+
"module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
|
39002
38537
|
}
|
39003
38538
|
},
|
39004
38539
|
{
|
39005
|
-
"name": "
|
38540
|
+
"name": "name",
|
39006
38541
|
"type": {
|
39007
|
-
"text": "string
|
38542
|
+
"text": "string"
|
39008
38543
|
},
|
39009
|
-
"
|
39010
|
-
"
|
38544
|
+
"default": "''",
|
38545
|
+
"description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
|
38546
|
+
"fieldName": "name",
|
39011
38547
|
"inheritedFrom": {
|
39012
|
-
"name": "
|
39013
|
-
"module": "src/
|
38548
|
+
"name": "FormInternalsMixin",
|
38549
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
39014
38550
|
}
|
39015
38551
|
},
|
39016
38552
|
{
|
39017
|
-
"name": "
|
38553
|
+
"name": "value",
|
39018
38554
|
"type": {
|
39019
|
-
"text": "string
|
38555
|
+
"text": "string"
|
39020
38556
|
},
|
39021
|
-
"
|
39022
|
-
"
|
38557
|
+
"default": "''",
|
38558
|
+
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
38559
|
+
"fieldName": "value",
|
39023
38560
|
"inheritedFrom": {
|
39024
|
-
"name": "
|
39025
|
-
"module": "src/
|
38561
|
+
"name": "FormInternalsMixin",
|
38562
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
39026
38563
|
}
|
39027
38564
|
},
|
39028
38565
|
{
|
39029
|
-
"name": "
|
38566
|
+
"name": "validation-message",
|
39030
38567
|
"type": {
|
39031
|
-
"text": "
|
38568
|
+
"text": "string | undefined"
|
39032
38569
|
},
|
39033
|
-
"description": "
|
39034
|
-
"
|
39035
|
-
"fieldName": "size",
|
38570
|
+
"description": "Custom validation message that will override the default message and displayed when the input is invalid.\n\nTo display custom validation messages, you must listen for input events (or other relevant events)\non your component and update the `validationMessage` property with the desired message string.\nUpdating this property will ensure that new validation messages are shown to the user.\n- The `validationMessage` property overrides the default browser validation message when set.\n- Consumers are responsible for updating `validationMessage` in response to input or validation state changes.",
|
38571
|
+
"fieldName": "validationMessage",
|
39036
38572
|
"inheritedFrom": {
|
39037
|
-
"name": "
|
39038
|
-
"module": "src/
|
38573
|
+
"name": "FormInternalsMixin",
|
38574
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
39039
38575
|
}
|
39040
38576
|
},
|
39041
38577
|
{
|
39042
|
-
"name": "
|
38578
|
+
"name": "data-aria-label",
|
39043
38579
|
"type": {
|
39044
|
-
"text": "string"
|
38580
|
+
"text": "string | null"
|
39045
38581
|
},
|
39046
|
-
"default": "
|
39047
|
-
"description": "
|
39048
|
-
"fieldName": "
|
38582
|
+
"default": "null",
|
38583
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
38584
|
+
"fieldName": "dataAriaLabel",
|
39049
38585
|
"inheritedFrom": {
|
39050
|
-
"name": "
|
39051
|
-
"module": "src/
|
38586
|
+
"name": "DataAriaLabelMixin",
|
38587
|
+
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
39052
38588
|
}
|
39053
38589
|
},
|
39054
38590
|
{
|
@@ -39187,7 +38723,36 @@
|
|
39187
38723
|
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
39188
38724
|
}
|
39189
38725
|
}
|
39190
|
-
]
|
38726
|
+
],
|
38727
|
+
"mixins": [
|
38728
|
+
{
|
38729
|
+
"name": "ListNavigationMixin",
|
38730
|
+
"module": "/src/utils/mixins/ListNavigationMixin"
|
38731
|
+
},
|
38732
|
+
{
|
38733
|
+
"name": "CaptureDestroyEventForChildElement",
|
38734
|
+
"module": "/src/utils/mixins/lifecycle/CaptureDestroyEventForChildElement"
|
38735
|
+
},
|
38736
|
+
{
|
38737
|
+
"name": "AutoFocusOnMountMixin",
|
38738
|
+
"module": "/src/utils/mixins/AutoFocusOnMountMixin"
|
38739
|
+
},
|
38740
|
+
{
|
38741
|
+
"name": "FormInternalsMixin",
|
38742
|
+
"module": "/src/utils/mixins/FormInternalsMixin"
|
38743
|
+
},
|
38744
|
+
{
|
38745
|
+
"name": "DataAriaLabelMixin",
|
38746
|
+
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
38747
|
+
}
|
38748
|
+
],
|
38749
|
+
"superclass": {
|
38750
|
+
"name": "FormfieldWrapper",
|
38751
|
+
"module": "/src/components/formfieldwrapper/formfieldwrapper.component"
|
38752
|
+
},
|
38753
|
+
"tagName": "mdc-select",
|
38754
|
+
"jsDoc": "/**\n * The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.\n * It is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.\n *\n * Every mdc-option should have a `value` attribute set to ensure proper form submission.\n *\n * To set a default option, use the `selected` attribute on the `mdc-option` element.\n * You can also set the `value` attribute on the `mdc-select` element to match the value of the desired option. The component will select the corresponding option automatically.\n *\n * **Note:** Make sure to add `mdc-selectlistbox` as a child of `mdc-select` and wrap options/optgroup in it to ensure proper accessibility functionality. Read more about it in SelectListBox documentation.\n *\n * If you need to use `mdc-tooltip` with any options, make sure to place the tooltip component outside the `mdc-select` element.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-popover\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-select\n *\n * @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.\n *\n * @event click - (React: onClick) This event is dispatched when the select is clicked.\n * @event change - (React: onChange) This event is dispatched when the select is changed.\n * @event input - (React: onInput) This event is dispatched when the select is changed.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the select.\n * @event focus - (React: onFocus) This event is dispatched when the select receives focus.\n *\n * @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.\n * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.\n * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.\n * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.\n * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.\n * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.\n * @csspart help-text-container - The container for the helper/validation icon and text elements.\n *\n * @cssproperty --mdc-label-font-size - Font size for the label text.\n * @cssproperty --mdc-label-font-weight - Font weight for the label text.\n * @cssproperty --mdc-label-line-height - Line height for the label text.\n * @cssproperty --mdc-label-color - Color for the label text.\n * @cssproperty --mdc-help-text-font-size - Font size for the help text.\n * @cssproperty --mdc-help-text-font-weight - Font weight for the help text.\n * @cssproperty --mdc-help-text-line-height - Line height for the help text.\n * @cssproperty --mdc-help-text-color - Color for the help text.\n * @cssproperty --mdc-select-background-color - The background color of the combobox of select.\n * @cssproperty --mdc-select-text-color - The text color of the select.\n * @cssproperty --mdc-select-border-color - The border color of the select.\n * @cssproperty --mdc-select-width - The width of the select.\n * @cssproperty --mdc-select-listbox-height - The height of the listbox inside the select.\n * @cssproperty --mdc-select-listbox-width - The width of the listbox inside the select (default: `--mdc-select-width`).\n */",
|
38755
|
+
"customElement": true
|
39191
38756
|
}
|
39192
38757
|
],
|
39193
38758
|
"exports": [
|
@@ -39195,20 +38760,20 @@
|
|
39195
38760
|
"kind": "js",
|
39196
38761
|
"name": "default",
|
39197
38762
|
"declaration": {
|
39198
|
-
"name": "
|
39199
|
-
"module": "components/
|
38763
|
+
"name": "Select",
|
38764
|
+
"module": "components/select/select.component.js"
|
39200
38765
|
}
|
39201
38766
|
}
|
39202
38767
|
]
|
39203
38768
|
},
|
39204
38769
|
{
|
39205
38770
|
"kind": "javascript-module",
|
39206
|
-
"path": "components/
|
38771
|
+
"path": "components/searchfield/searchfield.component.js",
|
39207
38772
|
"declarations": [
|
39208
38773
|
{
|
39209
38774
|
"kind": "class",
|
39210
|
-
"description": "
|
39211
|
-
"name": "
|
38775
|
+
"description": "`mdc-searchfield` component is used as an input field for search functionality.\n\nIt supports `mdc-inputchip` as filters.\n\nThis component is built by extending the `mdc-input` component.",
|
38776
|
+
"name": "Searchfield",
|
39212
38777
|
"cssProperties": [
|
39213
38778
|
{
|
39214
38779
|
"description": "Font size for the label text.",
|
@@ -39275,28 +38840,52 @@
|
|
39275
38840
|
}
|
39276
38841
|
},
|
39277
38842
|
{
|
39278
|
-
"description": "
|
39279
|
-
"name": "--mdc-
|
38843
|
+
"description": "Text color for the input field",
|
38844
|
+
"name": "--mdc-input-text-color",
|
38845
|
+
"inheritedFrom": {
|
38846
|
+
"name": "Input",
|
38847
|
+
"module": "src/components/input/input.component.ts"
|
38848
|
+
}
|
39280
38849
|
},
|
39281
38850
|
{
|
39282
|
-
"description": "
|
39283
|
-
"name": "--mdc-
|
38851
|
+
"description": "Border color for the input container",
|
38852
|
+
"name": "--mdc-input-border-color",
|
38853
|
+
"inheritedFrom": {
|
38854
|
+
"name": "Input",
|
38855
|
+
"module": "src/components/input/input.component.ts"
|
38856
|
+
}
|
39284
38857
|
},
|
39285
38858
|
{
|
39286
|
-
"description": "
|
39287
|
-
"name": "--mdc-
|
38859
|
+
"description": "Background color for the input field",
|
38860
|
+
"name": "--mdc-input-background-color",
|
38861
|
+
"inheritedFrom": {
|
38862
|
+
"name": "Input",
|
38863
|
+
"module": "src/components/input/input.component.ts"
|
38864
|
+
}
|
39288
38865
|
},
|
39289
38866
|
{
|
39290
|
-
"description": "
|
39291
|
-
"name": "--mdc-
|
38867
|
+
"description": "Text color for the help text",
|
38868
|
+
"name": "--mdc-input-support-text-color",
|
38869
|
+
"inheritedFrom": {
|
38870
|
+
"name": "Input",
|
38871
|
+
"module": "src/components/input/input.component.ts"
|
38872
|
+
}
|
39292
38873
|
},
|
39293
38874
|
{
|
39294
|
-
"description": "
|
39295
|
-
"name": "--mdc-
|
38875
|
+
"description": "Text color for the selected text",
|
38876
|
+
"name": "--mdc-input-selection-text-color",
|
38877
|
+
"inheritedFrom": {
|
38878
|
+
"name": "Input",
|
38879
|
+
"module": "src/components/input/input.component.ts"
|
38880
|
+
}
|
39296
38881
|
},
|
39297
38882
|
{
|
39298
|
-
"description": "
|
39299
|
-
"name": "--mdc-
|
38883
|
+
"description": "Background color for the selected text",
|
38884
|
+
"name": "--mdc-input-selection-background-color",
|
38885
|
+
"inheritedFrom": {
|
38886
|
+
"name": "Input",
|
38887
|
+
"module": "src/components/input/input.component.ts"
|
38888
|
+
}
|
39300
38889
|
}
|
39301
38890
|
],
|
39302
38891
|
"cssParts": [
|
@@ -39363,12 +38952,60 @@
|
|
39363
38952
|
"name": "FormfieldWrapper",
|
39364
38953
|
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
39365
38954
|
}
|
38955
|
+
},
|
38956
|
+
{
|
38957
|
+
"description": "The leading icon element that is displayed before the input field.",
|
38958
|
+
"name": "leading-icon",
|
38959
|
+
"inheritedFrom": {
|
38960
|
+
"name": "Input",
|
38961
|
+
"module": "src/components/input/input.component.ts"
|
38962
|
+
}
|
38963
|
+
},
|
38964
|
+
{
|
38965
|
+
"description": "The prefix text element that is displayed before the input field.",
|
38966
|
+
"name": "prefix-text",
|
38967
|
+
"inheritedFrom": {
|
38968
|
+
"name": "Input",
|
38969
|
+
"module": "src/components/input/input.component.ts"
|
38970
|
+
}
|
38971
|
+
},
|
38972
|
+
{
|
38973
|
+
"description": "The container for the input field, leading icon, prefix text, and trailing button elements.",
|
38974
|
+
"name": "input-container",
|
38975
|
+
"inheritedFrom": {
|
38976
|
+
"name": "Input",
|
38977
|
+
"module": "src/components/input/input.component.ts"
|
38978
|
+
}
|
38979
|
+
},
|
38980
|
+
{
|
38981
|
+
"description": "The container for the input field, leading icon, and prefix text elements.",
|
38982
|
+
"name": "input-section",
|
38983
|
+
"inheritedFrom": {
|
38984
|
+
"name": "Input",
|
38985
|
+
"module": "src/components/input/input.component.ts"
|
38986
|
+
}
|
38987
|
+
},
|
38988
|
+
{
|
38989
|
+
"description": "The input field element.",
|
38990
|
+
"name": "input-text",
|
38991
|
+
"inheritedFrom": {
|
38992
|
+
"name": "Input",
|
38993
|
+
"module": "src/components/input/input.component.ts"
|
38994
|
+
}
|
38995
|
+
},
|
38996
|
+
{
|
38997
|
+
"description": "The trailing button element that is displayed to clear the input field when the `trailingButton` property is set to true.",
|
38998
|
+
"name": "trailing-button",
|
38999
|
+
"inheritedFrom": {
|
39000
|
+
"name": "Input",
|
39001
|
+
"module": "src/components/input/input.component.ts"
|
39002
|
+
}
|
39366
39003
|
}
|
39367
39004
|
],
|
39368
39005
|
"slots": [
|
39369
39006
|
{
|
39370
|
-
"description": "
|
39371
|
-
"name": "
|
39007
|
+
"description": "Slot for input chips",
|
39008
|
+
"name": "filters"
|
39372
39009
|
},
|
39373
39010
|
{
|
39374
39011
|
"description": "Slot for the label element. If not provided, the `label` property will be used to render the label.",
|
@@ -39401,467 +39038,511 @@
|
|
39401
39038
|
"name": "FormfieldWrapper",
|
39402
39039
|
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
39403
39040
|
}
|
39041
|
+
},
|
39042
|
+
{
|
39043
|
+
"description": "Slot for the input element. If not provided, the input field will be rendered.",
|
39044
|
+
"name": "input",
|
39045
|
+
"inheritedFrom": {
|
39046
|
+
"name": "Input",
|
39047
|
+
"module": "src/components/input/input.component.ts"
|
39048
|
+
}
|
39049
|
+
},
|
39050
|
+
{
|
39051
|
+
"description": "Slot for the leading icon before the input field. If not provided, the `leadingIcon` property will be used to render the leading icon.",
|
39052
|
+
"name": "input-leading-icon",
|
39053
|
+
"inheritedFrom": {
|
39054
|
+
"name": "Input",
|
39055
|
+
"module": "src/components/input/input.component.ts"
|
39056
|
+
}
|
39057
|
+
},
|
39058
|
+
{
|
39059
|
+
"description": "Slot for the prefix text before the input field. If not provided, the `prefixText` property will be used to render the prefix text.",
|
39060
|
+
"name": "input-prefix-text",
|
39061
|
+
"inheritedFrom": {
|
39062
|
+
"name": "Input",
|
39063
|
+
"module": "src/components/input/input.component.ts"
|
39064
|
+
}
|
39065
|
+
},
|
39066
|
+
{
|
39067
|
+
"description": "Slot for the trailing button to clear the input field. If not provided, the clear button will be rendered when `trailingButton` property is set to true.",
|
39068
|
+
"name": "trailing-button",
|
39069
|
+
"inheritedFrom": {
|
39070
|
+
"name": "Input",
|
39071
|
+
"module": "src/components/input/input.component.ts"
|
39072
|
+
}
|
39404
39073
|
}
|
39405
39074
|
],
|
39406
39075
|
"members": [
|
39407
39076
|
{
|
39408
39077
|
"kind": "field",
|
39409
|
-
"name": "
|
39078
|
+
"name": "inputChips",
|
39410
39079
|
"type": {
|
39411
|
-
"text": "
|
39412
|
-
}
|
39413
|
-
"description": "The placeholder text which will be shown on the text if provided.",
|
39414
|
-
"attribute": "placeholder"
|
39080
|
+
"text": "Array<HTMLElement> | undefined"
|
39081
|
+
}
|
39415
39082
|
},
|
39416
39083
|
{
|
39417
|
-
"kind": "
|
39418
|
-
"name": "
|
39419
|
-
"
|
39420
|
-
|
39421
|
-
|
39422
|
-
|
39423
|
-
|
39424
|
-
|
39425
|
-
|
39084
|
+
"kind": "method",
|
39085
|
+
"name": "handleKeyDown",
|
39086
|
+
"privacy": "protected",
|
39087
|
+
"parameters": [
|
39088
|
+
{
|
39089
|
+
"name": "event",
|
39090
|
+
"type": {
|
39091
|
+
"text": "KeyboardEvent"
|
39092
|
+
},
|
39093
|
+
"description": "Keyboard event"
|
39094
|
+
}
|
39095
|
+
],
|
39096
|
+
"description": "Handles the keydown event of the search field.\nIf the key pressed is 'Enter', it submits the form.\nIf the key pressed is 'Escape', it clears the input text.",
|
39097
|
+
"inheritedFrom": {
|
39098
|
+
"name": "Input",
|
39099
|
+
"module": "components/input/input.component.js"
|
39100
|
+
}
|
39101
|
+
},
|
39102
|
+
{
|
39103
|
+
"kind": "method",
|
39104
|
+
"name": "renderInputChips",
|
39105
|
+
"privacy": "private",
|
39106
|
+
"description": "This method is used to render the input chips inside filters slot.\nIt will remove any elements that are not input chips."
|
39107
|
+
},
|
39108
|
+
{
|
39109
|
+
"kind": "method",
|
39110
|
+
"name": "clearInputText",
|
39111
|
+
"privacy": "protected",
|
39112
|
+
"description": "Clears the input field.",
|
39113
|
+
"inheritedFrom": {
|
39114
|
+
"name": "Input",
|
39115
|
+
"module": "components/input/input.component.js"
|
39116
|
+
}
|
39426
39117
|
},
|
39427
39118
|
{
|
39428
39119
|
"kind": "field",
|
39429
|
-
"name": "
|
39120
|
+
"name": "autoFocusOnMount",
|
39430
39121
|
"type": {
|
39431
|
-
"text": "
|
39122
|
+
"text": "boolean"
|
39432
39123
|
},
|
39433
|
-
"
|
39434
|
-
"
|
39435
|
-
"attribute": "
|
39436
|
-
"reflects": true
|
39124
|
+
"default": "false",
|
39125
|
+
"description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
|
39126
|
+
"attribute": "auto-focus-on-mount",
|
39127
|
+
"reflects": true,
|
39128
|
+
"inheritedFrom": {
|
39129
|
+
"name": "AutoFocusOnMountMixin",
|
39130
|
+
"module": "utils/mixins/AutoFocusOnMountMixin.js"
|
39131
|
+
}
|
39437
39132
|
},
|
39438
39133
|
{
|
39439
39134
|
"kind": "field",
|
39440
|
-
"name": "
|
39135
|
+
"name": "name",
|
39441
39136
|
"type": {
|
39442
|
-
"text": "
|
39137
|
+
"text": "string"
|
39443
39138
|
},
|
39444
|
-
"
|
39445
|
-
"
|
39446
|
-
"attribute": "
|
39447
|
-
"reflects": true
|
39139
|
+
"default": "''",
|
39140
|
+
"description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
|
39141
|
+
"attribute": "name",
|
39142
|
+
"reflects": true,
|
39143
|
+
"inheritedFrom": {
|
39144
|
+
"name": "FormInternalsMixin",
|
39145
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
39146
|
+
}
|
39448
39147
|
},
|
39449
39148
|
{
|
39450
39149
|
"kind": "field",
|
39451
|
-
"name": "
|
39150
|
+
"name": "value",
|
39452
39151
|
"type": {
|
39453
|
-
"text": "
|
39152
|
+
"text": "string"
|
39454
39153
|
},
|
39455
|
-
"
|
39456
|
-
"
|
39457
|
-
"attribute": "
|
39458
|
-
"reflects": true
|
39154
|
+
"default": "''",
|
39155
|
+
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
39156
|
+
"attribute": "value",
|
39157
|
+
"reflects": true,
|
39158
|
+
"inheritedFrom": {
|
39159
|
+
"name": "FormInternalsMixin",
|
39160
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
39161
|
+
}
|
39459
39162
|
},
|
39460
39163
|
{
|
39461
39164
|
"kind": "field",
|
39462
|
-
"name": "
|
39165
|
+
"name": "validationMessage",
|
39463
39166
|
"type": {
|
39464
39167
|
"text": "string | undefined"
|
39465
39168
|
},
|
39466
|
-
"description": "
|
39467
|
-
"attribute": "
|
39468
|
-
"reflects": true
|
39169
|
+
"description": "Custom validation message that will override the default message and displayed when the input is invalid.\n\nTo display custom validation messages, you must listen for input events (or other relevant events)\non your component and update the `validationMessage` property with the desired message string.\nUpdating this property will ensure that new validation messages are shown to the user.\n- The `validationMessage` property overrides the default browser validation message when set.\n- Consumers are responsible for updating `validationMessage` in response to input or validation state changes.",
|
39170
|
+
"attribute": "validation-message",
|
39171
|
+
"reflects": true,
|
39172
|
+
"inheritedFrom": {
|
39173
|
+
"name": "FormInternalsMixin",
|
39174
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
39175
|
+
}
|
39469
39176
|
},
|
39470
39177
|
{
|
39471
|
-
"kind": "
|
39472
|
-
"name": "
|
39473
|
-
"
|
39474
|
-
|
39475
|
-
"type": {
|
39476
|
-
"text": "void"
|
39477
|
-
}
|
39178
|
+
"kind": "field",
|
39179
|
+
"name": "validity",
|
39180
|
+
"type": {
|
39181
|
+
"text": "ValidityState"
|
39478
39182
|
},
|
39479
|
-
"
|
39480
|
-
|
39481
|
-
|
39482
|
-
|
39483
|
-
|
39484
|
-
},
|
39485
|
-
"description": "The event which triggered this function."
|
39486
|
-
}
|
39487
|
-
],
|
39488
|
-
"description": "A private method which is called when an option is clicked.\nIt sets the selected option, removes selected from other options, updates the tabindex for all options,\ncloses the popover, and fires the change and input events."
|
39183
|
+
"readonly": true,
|
39184
|
+
"inheritedFrom": {
|
39185
|
+
"name": "FormInternalsMixin",
|
39186
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
39187
|
+
}
|
39489
39188
|
},
|
39490
39189
|
{
|
39491
|
-
"kind": "
|
39492
|
-
"name": "
|
39493
|
-
"
|
39494
|
-
"
|
39495
|
-
"
|
39496
|
-
|
39497
|
-
|
39498
|
-
},
|
39499
|
-
"parameters": [
|
39500
|
-
{
|
39501
|
-
"name": "option",
|
39502
|
-
"type": {
|
39503
|
-
"text": "Option | null"
|
39504
|
-
},
|
39505
|
-
"description": "The option element in DOM which gets selected."
|
39506
|
-
}
|
39507
|
-
],
|
39508
|
-
"description": "Sets the selected option in the component state and updates the input element's value.\nThis method ensures that only the selected option is marked as selected in the DOM,\nand updates the tabindex for all options accordingly.\nIt also updates the validity of the input element based on the selected option.\nThis method is called when an option is selected."
|
39190
|
+
"kind": "field",
|
39191
|
+
"name": "willValidate",
|
39192
|
+
"readonly": true,
|
39193
|
+
"inheritedFrom": {
|
39194
|
+
"name": "FormInternalsMixin",
|
39195
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
39196
|
+
}
|
39509
39197
|
},
|
39510
39198
|
{
|
39511
39199
|
"kind": "method",
|
39512
|
-
"name": "
|
39513
|
-
"
|
39200
|
+
"name": "setValidity",
|
39201
|
+
"description": "Sets the validity of the input field based on the input field's validity.",
|
39514
39202
|
"return": {
|
39515
39203
|
"type": {
|
39516
|
-
"text": "
|
39204
|
+
"text": ""
|
39517
39205
|
}
|
39518
39206
|
},
|
39519
|
-
"
|
39520
|
-
|
39521
|
-
|
39522
|
-
|
39523
|
-
"text": "Option | null"
|
39524
|
-
},
|
39525
|
-
"description": "The option which gets selected"
|
39526
|
-
}
|
39527
|
-
],
|
39528
|
-
"description": "Sets selected attribute on the selected option and removes it from all options"
|
39207
|
+
"inheritedFrom": {
|
39208
|
+
"name": "FormInternalsMixin",
|
39209
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
39210
|
+
}
|
39529
39211
|
},
|
39530
39212
|
{
|
39531
39213
|
"kind": "method",
|
39532
|
-
"name": "
|
39533
|
-
"privacy": "private",
|
39214
|
+
"name": "checkValidity",
|
39534
39215
|
"return": {
|
39535
39216
|
"type": {
|
39536
|
-
"text": "
|
39217
|
+
"text": "boolean"
|
39537
39218
|
}
|
39538
39219
|
},
|
39539
|
-
"
|
39220
|
+
"inheritedFrom": {
|
39221
|
+
"name": "FormInternalsMixin",
|
39222
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
39223
|
+
}
|
39540
39224
|
},
|
39541
39225
|
{
|
39542
39226
|
"kind": "method",
|
39543
|
-
"name": "
|
39544
|
-
"
|
39545
|
-
|
39546
|
-
"
|
39547
|
-
|
39548
|
-
}
|
39549
|
-
},
|
39550
|
-
"parameters": [
|
39551
|
-
{
|
39552
|
-
"name": "option",
|
39553
|
-
"type": {
|
39554
|
-
"text": "Option"
|
39555
|
-
}
|
39556
|
-
}
|
39557
|
-
]
|
39227
|
+
"name": "reportValidity",
|
39228
|
+
"inheritedFrom": {
|
39229
|
+
"name": "FormInternalsMixin",
|
39230
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
39231
|
+
}
|
39558
39232
|
},
|
39559
39233
|
{
|
39560
|
-
"kind": "
|
39561
|
-
"name": "
|
39562
|
-
"
|
39563
|
-
|
39564
|
-
"type": {
|
39565
|
-
"text": "void"
|
39566
|
-
}
|
39234
|
+
"kind": "field",
|
39235
|
+
"name": "dataAriaLabel",
|
39236
|
+
"type": {
|
39237
|
+
"text": "string | null"
|
39567
39238
|
},
|
39568
|
-
"
|
39569
|
-
|
39570
|
-
|
39571
|
-
|
39572
|
-
|
39573
|
-
|
39574
|
-
|
39575
|
-
|
39239
|
+
"default": "null",
|
39240
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
39241
|
+
"attribute": "data-aria-label",
|
39242
|
+
"reflects": true,
|
39243
|
+
"inheritedFrom": {
|
39244
|
+
"name": "DataAriaLabelMixin",
|
39245
|
+
"module": "utils/mixins/DataAriaLabelMixin.js"
|
39246
|
+
}
|
39576
39247
|
},
|
39577
39248
|
{
|
39578
|
-
"kind": "
|
39579
|
-
"name": "
|
39580
|
-
"
|
39581
|
-
|
39582
|
-
"type": {
|
39583
|
-
"text": "void"
|
39584
|
-
}
|
39249
|
+
"kind": "field",
|
39250
|
+
"name": "placeholder",
|
39251
|
+
"type": {
|
39252
|
+
"text": "string"
|
39585
39253
|
},
|
39586
|
-
"
|
39587
|
-
|
39588
|
-
|
39589
|
-
|
39590
|
-
|
39591
|
-
|
39592
|
-
|
39593
|
-
}
|
39594
|
-
],
|
39595
|
-
"description": "Handles the click event on the visual combobox.\nIf the select is disabled, soft-disabled or readonly, it does nothing.\nIf the popover is already open, it closes it.\nIf it is closed, it opens it."
|
39254
|
+
"default": "''",
|
39255
|
+
"description": "The placeholder text that is displayed when the input field is empty.",
|
39256
|
+
"attribute": "placeholder",
|
39257
|
+
"inheritedFrom": {
|
39258
|
+
"name": "Input",
|
39259
|
+
"module": "components/input/input.component.js"
|
39260
|
+
}
|
39596
39261
|
},
|
39597
39262
|
{
|
39598
|
-
"kind": "
|
39599
|
-
"name": "
|
39600
|
-
"
|
39601
|
-
|
39602
|
-
"type": {
|
39603
|
-
"text": "void"
|
39604
|
-
}
|
39263
|
+
"kind": "field",
|
39264
|
+
"name": "prefixText",
|
39265
|
+
"type": {
|
39266
|
+
"text": "string | undefined"
|
39605
39267
|
},
|
39606
|
-
"
|
39607
|
-
|
39608
|
-
|
39609
|
-
|
39610
|
-
|
39611
|
-
|
39612
|
-
"description": "The keyboard event."
|
39613
|
-
}
|
39614
|
-
],
|
39615
|
-
"description": "Handles the keydown event on the select element when the popover is closed.\nThe options are as follows:\n- ARROW_DOWN, ARROW_UP, SPACE: Opens the popover and prevents the default scrolling behavior.\n- ENTER: Opens the popover, prevents default scrolling, and submits the form if the popover is closed.\n- HOME: Opens the popover and sets focus and tabindex on the first option.\n- END: Opens the popover and sets focus and tabindex on the last option."
|
39268
|
+
"description": "The prefix text that is displayed before the input field. It has a max length of 10 characters.\nWhen the prefix text is set, make sure to set the 'data-aria-label'\nattribute with the appropriate value for accessibility.",
|
39269
|
+
"attribute": "prefix-text",
|
39270
|
+
"inheritedFrom": {
|
39271
|
+
"name": "Input",
|
39272
|
+
"module": "components/input/input.component.js"
|
39273
|
+
}
|
39616
39274
|
},
|
39617
39275
|
{
|
39618
|
-
"kind": "
|
39619
|
-
"name": "
|
39620
|
-
"
|
39621
|
-
|
39622
|
-
"type": {
|
39623
|
-
"text": ""
|
39624
|
-
}
|
39276
|
+
"kind": "field",
|
39277
|
+
"name": "leadingIcon",
|
39278
|
+
"type": {
|
39279
|
+
"text": "IconNames | undefined"
|
39625
39280
|
},
|
39626
|
-
"
|
39627
|
-
|
39628
|
-
"name": "target",
|
39629
|
-
"type": {
|
39630
|
-
"text": "HTMLElement | null"
|
39631
|
-
},
|
39632
|
-
"description": "The target element that triggered the event."
|
39633
|
-
}
|
39634
|
-
],
|
39635
|
-
"description": "Retrieves the current index of the item that triggered the event.",
|
39281
|
+
"description": "The leading icon that is displayed before the input field.",
|
39282
|
+
"attribute": "leading-icon",
|
39636
39283
|
"inheritedFrom": {
|
39637
|
-
"name": "
|
39638
|
-
"module": "
|
39284
|
+
"name": "Input",
|
39285
|
+
"module": "components/input/input.component.js"
|
39639
39286
|
}
|
39640
39287
|
},
|
39641
39288
|
{
|
39642
|
-
"kind": "
|
39643
|
-
"name": "
|
39644
|
-
"
|
39645
|
-
|
39646
|
-
|
39647
|
-
|
39648
|
-
|
39649
|
-
|
39650
|
-
},
|
39651
|
-
"description": "The index of the currently focused item."
|
39652
|
-
}
|
39653
|
-
],
|
39654
|
-
"description": "Reset all tabindex to -1 and set the tabindex of the current item to 0",
|
39289
|
+
"kind": "field",
|
39290
|
+
"name": "trailingButton",
|
39291
|
+
"type": {
|
39292
|
+
"text": "boolean"
|
39293
|
+
},
|
39294
|
+
"default": "false",
|
39295
|
+
"description": "The trailing button when set to true, shows a clear button that clears the input field.",
|
39296
|
+
"attribute": "trailing-button",
|
39655
39297
|
"inheritedFrom": {
|
39656
|
-
"name": "
|
39657
|
-
"module": "
|
39298
|
+
"name": "Input",
|
39299
|
+
"module": "components/input/input.component.js"
|
39658
39300
|
}
|
39659
39301
|
},
|
39660
39302
|
{
|
39661
|
-
"kind": "
|
39662
|
-
"name": "
|
39663
|
-
"
|
39664
|
-
|
39665
|
-
{
|
39666
|
-
"name": "newIndex",
|
39667
|
-
"type": {
|
39668
|
-
"text": "number"
|
39669
|
-
},
|
39670
|
-
"description": "The index of the new item to focus."
|
39671
|
-
},
|
39672
|
-
{
|
39673
|
-
"name": "oldIndex",
|
39674
|
-
"optional": true,
|
39675
|
-
"type": {
|
39676
|
-
"text": "number"
|
39677
|
-
},
|
39678
|
-
"description": "The index of the currently focused item."
|
39679
|
-
},
|
39680
|
-
{
|
39681
|
-
"name": "focusNewItem",
|
39682
|
-
"default": "true",
|
39683
|
-
"description": "Call focus() on the new item or not. It should be false during firstUpdate"
|
39684
|
-
}
|
39685
|
-
],
|
39686
|
-
"description": "Resets the tabindex of the currently focused item and sets focus to a new item.",
|
39687
|
-
"return": {
|
39688
|
-
"type": {
|
39689
|
-
"text": ""
|
39690
|
-
}
|
39303
|
+
"kind": "field",
|
39304
|
+
"name": "maxlength",
|
39305
|
+
"type": {
|
39306
|
+
"text": "number | undefined"
|
39691
39307
|
},
|
39308
|
+
"description": "The maximum number of characters that the input field can accept.",
|
39309
|
+
"attribute": "maxlength",
|
39692
39310
|
"inheritedFrom": {
|
39693
|
-
"name": "
|
39694
|
-
"module": "
|
39311
|
+
"name": "Input",
|
39312
|
+
"module": "components/input/input.component.js"
|
39695
39313
|
}
|
39696
39314
|
},
|
39697
39315
|
{
|
39698
|
-
"kind": "
|
39699
|
-
"name": "
|
39700
|
-
"
|
39701
|
-
|
39702
|
-
{
|
39703
|
-
"name": "key",
|
39704
|
-
"type": {
|
39705
|
-
"text": "string"
|
39706
|
-
},
|
39707
|
-
"description": "The key pressed by the user."
|
39708
|
-
},
|
39709
|
-
{
|
39710
|
-
"name": "isRtl",
|
39711
|
-
"type": {
|
39712
|
-
"text": "boolean"
|
39713
|
-
},
|
39714
|
-
"description": "A boolean indicating if the layout is right-to-left (RTL)."
|
39715
|
-
}
|
39716
|
-
],
|
39717
|
-
"description": "Resolves the key pressed by the user based on the direction of the layout.\nThis method is used to handle keyboard navigation in a right-to-left (RTL) layout.\nIt checks if the layout is RTL and adjusts the arrow keys accordingly.\nFor example, in RTL, the left arrow key behaves like the right arrow key and vice versa.",
|
39718
|
-
"return": {
|
39719
|
-
"type": {
|
39720
|
-
"text": ""
|
39721
|
-
}
|
39316
|
+
"kind": "field",
|
39317
|
+
"name": "minlength",
|
39318
|
+
"type": {
|
39319
|
+
"text": "number | undefined"
|
39722
39320
|
},
|
39321
|
+
"description": "The minimum number of characters that the input field can accept.",
|
39322
|
+
"attribute": "minlength",
|
39723
39323
|
"inheritedFrom": {
|
39724
|
-
"name": "
|
39725
|
-
"module": "
|
39324
|
+
"name": "Input",
|
39325
|
+
"module": "components/input/input.component.js"
|
39726
39326
|
}
|
39727
39327
|
},
|
39728
39328
|
{
|
39729
|
-
"kind": "
|
39730
|
-
"name": "
|
39731
|
-
"
|
39329
|
+
"kind": "field",
|
39330
|
+
"name": "autocapitalize",
|
39331
|
+
"type": {
|
39332
|
+
"text": "AutoCapitalizeType"
|
39333
|
+
},
|
39334
|
+
"description": "The autocapitalize attribute of the input field.",
|
39335
|
+
"default": "'off'",
|
39336
|
+
"attribute": "autocapitalize",
|
39732
39337
|
"inheritedFrom": {
|
39733
|
-
"name": "
|
39734
|
-
"module": "
|
39338
|
+
"name": "Input",
|
39339
|
+
"module": "components/input/input.component.js"
|
39735
39340
|
}
|
39736
39341
|
},
|
39737
39342
|
{
|
39738
39343
|
"kind": "field",
|
39739
|
-
"name": "
|
39344
|
+
"name": "autocomplete",
|
39740
39345
|
"type": {
|
39741
|
-
"text": "
|
39346
|
+
"text": "AutoCompleteType"
|
39742
39347
|
},
|
39743
|
-
"
|
39744
|
-
"
|
39745
|
-
"attribute": "
|
39746
|
-
"reflects": true,
|
39348
|
+
"description": "The autocomplete attribute of the input field.",
|
39349
|
+
"default": "'off'",
|
39350
|
+
"attribute": "autocomplete",
|
39747
39351
|
"inheritedFrom": {
|
39748
|
-
"name": "
|
39749
|
-
"module": "
|
39352
|
+
"name": "Input",
|
39353
|
+
"module": "components/input/input.component.js"
|
39750
39354
|
}
|
39751
39355
|
},
|
39752
39356
|
{
|
39753
39357
|
"kind": "field",
|
39754
|
-
"name": "
|
39358
|
+
"name": "dirname",
|
39755
39359
|
"type": {
|
39756
|
-
"text": "string"
|
39360
|
+
"text": "string | undefined"
|
39757
39361
|
},
|
39758
|
-
"
|
39759
|
-
"
|
39760
|
-
"attribute": "name",
|
39761
|
-
"reflects": true,
|
39362
|
+
"description": "Specifies the name of the directionality of text for submission purposes (e.g., \"rtl\" for right-to-left).",
|
39363
|
+
"attribute": "dirname",
|
39762
39364
|
"inheritedFrom": {
|
39763
|
-
"name": "
|
39764
|
-
"module": "
|
39365
|
+
"name": "Input",
|
39366
|
+
"module": "components/input/input.component.js"
|
39765
39367
|
}
|
39766
39368
|
},
|
39767
39369
|
{
|
39768
39370
|
"kind": "field",
|
39769
|
-
"name": "
|
39371
|
+
"name": "pattern",
|
39770
39372
|
"type": {
|
39771
|
-
"text": "string"
|
39373
|
+
"text": "string | undefined"
|
39772
39374
|
},
|
39773
|
-
"
|
39774
|
-
"
|
39775
|
-
"attribute": "value",
|
39776
|
-
"reflects": true,
|
39375
|
+
"description": "The pattern attribute of the input field.\nSpecifies a regular expression that the input value must match for validation purposes.",
|
39376
|
+
"attribute": "pattern",
|
39777
39377
|
"inheritedFrom": {
|
39778
|
-
"name": "
|
39779
|
-
"module": "
|
39378
|
+
"name": "Input",
|
39379
|
+
"module": "components/input/input.component.js"
|
39780
39380
|
}
|
39781
39381
|
},
|
39782
39382
|
{
|
39783
39383
|
"kind": "field",
|
39784
|
-
"name": "
|
39384
|
+
"name": "list",
|
39785
39385
|
"type": {
|
39786
39386
|
"text": "string | undefined"
|
39787
39387
|
},
|
39788
|
-
"description": "
|
39789
|
-
"attribute": "
|
39790
|
-
"reflects": true,
|
39388
|
+
"description": "The list attribute of the input field.\nIdentifies a list of pre-defined options to suggest to the user.",
|
39389
|
+
"attribute": "list",
|
39791
39390
|
"inheritedFrom": {
|
39792
|
-
"name": "
|
39793
|
-
"module": "
|
39391
|
+
"name": "Input",
|
39392
|
+
"module": "components/input/input.component.js"
|
39794
39393
|
}
|
39795
39394
|
},
|
39796
39395
|
{
|
39797
39396
|
"kind": "field",
|
39798
|
-
"name": "
|
39397
|
+
"name": "size",
|
39799
39398
|
"type": {
|
39800
|
-
"text": "
|
39399
|
+
"text": "number | undefined | undefined"
|
39801
39400
|
},
|
39802
|
-
"
|
39401
|
+
"description": "The size attribute of the input field.\nSpecifies the width of the input field.",
|
39402
|
+
"default": "undefined",
|
39403
|
+
"attribute": "size",
|
39803
39404
|
"inheritedFrom": {
|
39804
|
-
"name": "
|
39805
|
-
"module": "
|
39405
|
+
"name": "Input",
|
39406
|
+
"module": "components/input/input.component.js"
|
39806
39407
|
}
|
39807
39408
|
},
|
39808
39409
|
{
|
39809
39410
|
"kind": "field",
|
39810
|
-
"name": "
|
39811
|
-
"
|
39411
|
+
"name": "clearAriaLabel",
|
39412
|
+
"type": {
|
39413
|
+
"text": "string"
|
39414
|
+
},
|
39415
|
+
"default": "''",
|
39416
|
+
"description": "Aria label for the trailing button. If trailing button is set to true, this label is used for the clear button.",
|
39417
|
+
"attribute": "clear-aria-label",
|
39812
39418
|
"inheritedFrom": {
|
39813
|
-
"name": "
|
39814
|
-
"module": "
|
39419
|
+
"name": "Input",
|
39420
|
+
"module": "components/input/input.component.js"
|
39815
39421
|
}
|
39816
39422
|
},
|
39817
39423
|
{
|
39818
39424
|
"kind": "method",
|
39819
|
-
"name": "
|
39820
|
-
"
|
39425
|
+
"name": "setInputValidity",
|
39426
|
+
"privacy": "private",
|
39427
|
+
"inheritedFrom": {
|
39428
|
+
"name": "Input",
|
39429
|
+
"module": "components/input/input.component.js"
|
39430
|
+
}
|
39431
|
+
},
|
39432
|
+
{
|
39433
|
+
"kind": "method",
|
39434
|
+
"name": "updateValue",
|
39435
|
+
"privacy": "private",
|
39436
|
+
"description": "Updates the value of the input field.\nSets the form value.",
|
39821
39437
|
"return": {
|
39822
39438
|
"type": {
|
39823
39439
|
"text": ""
|
39824
39440
|
}
|
39825
39441
|
},
|
39826
39442
|
"inheritedFrom": {
|
39827
|
-
"name": "
|
39828
|
-
"module": "
|
39443
|
+
"name": "Input",
|
39444
|
+
"module": "components/input/input.component.js"
|
39445
|
+
}
|
39446
|
+
},
|
39447
|
+
{
|
39448
|
+
"kind": "method",
|
39449
|
+
"name": "onInput",
|
39450
|
+
"privacy": "private",
|
39451
|
+
"description": "Handles the input event of the input field.\nUpdates the value and sets the validity of the input field.",
|
39452
|
+
"inheritedFrom": {
|
39453
|
+
"name": "Input",
|
39454
|
+
"module": "components/input/input.component.js"
|
39455
|
+
}
|
39456
|
+
},
|
39457
|
+
{
|
39458
|
+
"kind": "method",
|
39459
|
+
"name": "onChange",
|
39460
|
+
"privacy": "private",
|
39461
|
+
"parameters": [
|
39462
|
+
{
|
39463
|
+
"name": "event",
|
39464
|
+
"type": {
|
39465
|
+
"text": "Event"
|
39466
|
+
},
|
39467
|
+
"description": "Event which contains information about the value change."
|
39468
|
+
}
|
39469
|
+
],
|
39470
|
+
"description": "Handles the change event of the input field.\nUpdates the value and sets the validity of the input field.\n\nThe 'change' event does not bubble up through the shadow DOM as it was not composed.\nTherefore, we need to re-dispatch the same event to ensure it is propagated correctly.\nRead more: https://developer.mozilla.org/en-US/docs/Web/API/Event/composed",
|
39471
|
+
"inheritedFrom": {
|
39472
|
+
"name": "Input",
|
39473
|
+
"module": "components/input/input.component.js"
|
39474
|
+
}
|
39475
|
+
},
|
39476
|
+
{
|
39477
|
+
"kind": "method",
|
39478
|
+
"name": "renderLeadingIcon",
|
39479
|
+
"privacy": "protected",
|
39480
|
+
"description": "Renders the leading icon before the input field.\nIf the leading icon is not set, it will not be displayed.",
|
39481
|
+
"return": {
|
39482
|
+
"type": {
|
39483
|
+
"text": ""
|
39484
|
+
}
|
39485
|
+
},
|
39486
|
+
"inheritedFrom": {
|
39487
|
+
"name": "Input",
|
39488
|
+
"module": "components/input/input.component.js"
|
39489
|
+
}
|
39490
|
+
},
|
39491
|
+
{
|
39492
|
+
"kind": "method",
|
39493
|
+
"name": "renderPrefixText",
|
39494
|
+
"privacy": "protected",
|
39495
|
+
"description": "Renders the prefix text before the input field.\nIf the prefix text is more than 10 characters,\n- it will not be displayed.\n- the validation messsage will be displayed.\n\n Note: We are setting aria-hidden so that the screen reader does not read the prefix text.\n The consumers should set the appropriate aria-label for the input field using 'data-aria-label' attribute.",
|
39496
|
+
"return": {
|
39497
|
+
"type": {
|
39498
|
+
"text": ""
|
39499
|
+
}
|
39500
|
+
},
|
39501
|
+
"inheritedFrom": {
|
39502
|
+
"name": "Input",
|
39503
|
+
"module": "components/input/input.component.js"
|
39829
39504
|
}
|
39830
39505
|
},
|
39831
39506
|
{
|
39832
39507
|
"kind": "method",
|
39833
|
-
"name": "
|
39508
|
+
"name": "renderTrailingButton",
|
39509
|
+
"privacy": "protected",
|
39510
|
+
"parameters": [
|
39511
|
+
{
|
39512
|
+
"name": "show",
|
39513
|
+
"default": "false"
|
39514
|
+
}
|
39515
|
+
],
|
39516
|
+
"description": "Renders the trailing button to clear the input field if the trailingButton is set to true.",
|
39834
39517
|
"return": {
|
39835
39518
|
"type": {
|
39836
|
-
"text": "
|
39519
|
+
"text": ""
|
39837
39520
|
}
|
39838
39521
|
},
|
39839
39522
|
"inheritedFrom": {
|
39840
|
-
"name": "
|
39841
|
-
"module": "
|
39523
|
+
"name": "Input",
|
39524
|
+
"module": "components/input/input.component.js"
|
39842
39525
|
}
|
39843
39526
|
},
|
39844
39527
|
{
|
39845
39528
|
"kind": "method",
|
39846
|
-
"name": "
|
39847
|
-
"
|
39848
|
-
|
39849
|
-
|
39850
|
-
|
39851
|
-
|
39852
|
-
|
39853
|
-
|
39854
|
-
|
39855
|
-
|
39856
|
-
|
39857
|
-
|
39858
|
-
|
39859
|
-
|
39860
|
-
"attribute": "data-aria-label",
|
39861
|
-
"reflects": true,
|
39529
|
+
"name": "renderInputElement",
|
39530
|
+
"privacy": "protected",
|
39531
|
+
"parameters": [
|
39532
|
+
{
|
39533
|
+
"name": "type",
|
39534
|
+
"type": {
|
39535
|
+
"text": "InputType"
|
39536
|
+
}
|
39537
|
+
},
|
39538
|
+
{
|
39539
|
+
"name": "hidePlaceholder",
|
39540
|
+
"default": "false"
|
39541
|
+
}
|
39542
|
+
],
|
39862
39543
|
"inheritedFrom": {
|
39863
|
-
"name": "
|
39864
|
-
"module": "
|
39544
|
+
"name": "Input",
|
39545
|
+
"module": "components/input/input.component.js"
|
39865
39546
|
}
|
39866
39547
|
},
|
39867
39548
|
{
|
@@ -40100,152 +39781,295 @@
|
|
40100
39781
|
],
|
40101
39782
|
"events": [
|
40102
39783
|
{
|
39784
|
+
"description": "(React: onInput) This event is dispatched when the value of the input field changes (every press).",
|
39785
|
+
"name": "input",
|
39786
|
+
"reactName": "onInput",
|
39787
|
+
"inheritedFrom": {
|
39788
|
+
"name": "Input",
|
39789
|
+
"module": "src/components/input/input.component.ts"
|
39790
|
+
}
|
39791
|
+
},
|
39792
|
+
{
|
39793
|
+
"description": "(React: onChange) This event is dispatched when the value of the input field changes (on blur).",
|
40103
39794
|
"name": "change",
|
39795
|
+
"reactName": "onChange",
|
39796
|
+
"inheritedFrom": {
|
39797
|
+
"name": "Input",
|
39798
|
+
"module": "src/components/input/input.component.ts"
|
39799
|
+
}
|
39800
|
+
},
|
39801
|
+
{
|
39802
|
+
"description": "(React: onFocus) This event is dispatched when the input receives focus.",
|
39803
|
+
"name": "focus",
|
39804
|
+
"reactName": "onFocus",
|
39805
|
+
"inheritedFrom": {
|
39806
|
+
"name": "Input",
|
39807
|
+
"module": "src/components/input/input.component.ts"
|
39808
|
+
}
|
39809
|
+
},
|
39810
|
+
{
|
39811
|
+
"description": "(React: onBlur) This event is dispatched when the input loses focus.",
|
39812
|
+
"name": "blur",
|
39813
|
+
"reactName": "onBlur",
|
39814
|
+
"inheritedFrom": {
|
39815
|
+
"name": "Input",
|
39816
|
+
"module": "src/components/input/input.component.ts"
|
39817
|
+
}
|
39818
|
+
},
|
39819
|
+
{
|
39820
|
+
"name": "clear",
|
40104
39821
|
"type": {
|
40105
39822
|
"text": "CustomEvent"
|
40106
39823
|
},
|
40107
|
-
"description": "(React:
|
40108
|
-
"reactName": "
|
39824
|
+
"description": "(React: onClear) This event is dispatched when the input text is cleared.",
|
39825
|
+
"reactName": "onClear",
|
39826
|
+
"inheritedFrom": {
|
39827
|
+
"name": "Input",
|
39828
|
+
"module": "src/components/input/input.component.ts"
|
39829
|
+
}
|
40109
39830
|
},
|
40110
39831
|
{
|
40111
|
-
"name": "input",
|
40112
39832
|
"type": {
|
40113
|
-
"text": "
|
39833
|
+
"text": "EventConstructor"
|
40114
39834
|
},
|
40115
|
-
"
|
40116
|
-
|
39835
|
+
"inheritedFrom": {
|
39836
|
+
"name": "Input",
|
39837
|
+
"module": "src/components/input/input.component.ts"
|
39838
|
+
}
|
39839
|
+
}
|
39840
|
+
],
|
39841
|
+
"superclass": {
|
39842
|
+
"name": "Input",
|
39843
|
+
"module": "/src/components/input/input.component"
|
39844
|
+
},
|
39845
|
+
"tagName": "mdc-searchfield",
|
39846
|
+
"jsDoc": "/**\n * `mdc-searchfield` component is used as an input field for search functionality.\n *\n * It supports `mdc-inputchip` as filters.\n *\n * This component is built by extending the `mdc-input` component.\n *\n * @tagname mdc-searchfield\n *\n * @event input - (React: onInput) This event is dispatched when the value of the input field changes (every press).\n * @event change - (React: onChange) This event is dispatched when the value of the input field changes (on blur).\n * @event focus - (React: onFocus) This event is dispatched when the input receives focus.\n * @event blur - (React: onBlur) This event is dispatched when the input loses focus.\n * @event clear - (React: onClear) This event is dispatched when the input text is cleared.\n *\n * @slot filters - Slot for input chips\n * @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.\n * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.\n * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.\n * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.\n * @slot input - Slot for the input element. If not provided, the input field will be rendered.\n * @slot input-leading-icon - Slot for the leading icon before the input field. If not provided, the `leadingIcon` property will be used to render the leading icon.\n * @slot input-prefix-text - Slot for the prefix text before the input field. If not provided, the `prefixText` property will be used to render the prefix text.\n * @slot trailing-button - Slot for the trailing button to clear the input field. If not provided, the clear button will be rendered when `trailingButton` property is set to true.\n *\n * @cssproperty --mdc-label-font-size - Font size for the label text.\n * @cssproperty --mdc-label-font-weight - Font weight for the label text.\n * @cssproperty --mdc-label-line-height - Line height for the label text.\n * @cssproperty --mdc-label-color - Color for the label text.\n * @cssproperty --mdc-help-text-font-size - Font size for the help text.\n * @cssproperty --mdc-help-text-font-weight - Font weight for the help text.\n * @cssproperty --mdc-help-text-line-height - Line height for the help text.\n * @cssproperty --mdc-help-text-color - Color for the help text.\n * @cssproperty --mdc-input-text-color - Text color for the input field\n * @cssproperty --mdc-input-border-color - Border color for the input container\n * @cssproperty --mdc-input-background-color - Background color for the input field\n * @cssproperty --mdc-input-support-text-color - Text color for the help text\n * @cssproperty --mdc-input-selection-text-color - Text color for the selected text\n * @cssproperty --mdc-input-selection-background-color - Background color for the selected text\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.\n * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.\n * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.\n * @csspart help-text-container - The container for the helper/validation icon and text elements.\n * @csspart leading-icon - The leading icon element that is displayed before the input field.\n * @csspart prefix-text - The prefix text element that is displayed before the input field.\n * @csspart input-container - The container for the input field, leading icon, prefix text, and trailing button elements.\n * @csspart input-section - The container for the input field, leading icon, and prefix text elements.\n * @csspart input-text - The input field element.\n * @csspart trailing-button - The trailing button element that is displayed to clear the input field when the `trailingButton` property is set to true.\n */",
|
39847
|
+
"customElement": true,
|
39848
|
+
"attributes": [
|
39849
|
+
{
|
39850
|
+
"name": "auto-focus-on-mount",
|
39851
|
+
"type": {
|
39852
|
+
"text": "boolean"
|
39853
|
+
},
|
39854
|
+
"default": "false",
|
39855
|
+
"description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
|
39856
|
+
"fieldName": "autoFocusOnMount",
|
39857
|
+
"inheritedFrom": {
|
39858
|
+
"name": "AutoFocusOnMountMixin",
|
39859
|
+
"module": "src/utils/mixins/AutoFocusOnMountMixin.ts"
|
39860
|
+
}
|
40117
39861
|
},
|
40118
39862
|
{
|
40119
|
-
"
|
40120
|
-
"
|
40121
|
-
|
39863
|
+
"name": "name",
|
39864
|
+
"type": {
|
39865
|
+
"text": "string"
|
39866
|
+
},
|
39867
|
+
"default": "''",
|
39868
|
+
"description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
|
39869
|
+
"fieldName": "name",
|
39870
|
+
"inheritedFrom": {
|
39871
|
+
"name": "FormInternalsMixin",
|
39872
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
39873
|
+
}
|
40122
39874
|
},
|
40123
39875
|
{
|
40124
|
-
"
|
40125
|
-
"
|
40126
|
-
|
39876
|
+
"name": "value",
|
39877
|
+
"type": {
|
39878
|
+
"text": "string"
|
39879
|
+
},
|
39880
|
+
"default": "''",
|
39881
|
+
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
39882
|
+
"fieldName": "value",
|
39883
|
+
"inheritedFrom": {
|
39884
|
+
"name": "FormInternalsMixin",
|
39885
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
39886
|
+
}
|
40127
39887
|
},
|
40128
39888
|
{
|
40129
|
-
"
|
40130
|
-
"
|
40131
|
-
|
40132
|
-
|
40133
|
-
|
40134
|
-
|
39889
|
+
"name": "validation-message",
|
39890
|
+
"type": {
|
39891
|
+
"text": "string | undefined"
|
39892
|
+
},
|
39893
|
+
"description": "Custom validation message that will override the default message and displayed when the input is invalid.\n\nTo display custom validation messages, you must listen for input events (or other relevant events)\non your component and update the `validationMessage` property with the desired message string.\nUpdating this property will ensure that new validation messages are shown to the user.\n- The `validationMessage` property overrides the default browser validation message when set.\n- Consumers are responsible for updating `validationMessage` in response to input or validation state changes.",
|
39894
|
+
"fieldName": "validationMessage",
|
39895
|
+
"inheritedFrom": {
|
39896
|
+
"name": "FormInternalsMixin",
|
39897
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
39898
|
+
}
|
39899
|
+
},
|
39900
|
+
{
|
39901
|
+
"name": "data-aria-label",
|
39902
|
+
"type": {
|
39903
|
+
"text": "string | null"
|
39904
|
+
},
|
39905
|
+
"default": "null",
|
39906
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
39907
|
+
"fieldName": "dataAriaLabel",
|
39908
|
+
"inheritedFrom": {
|
39909
|
+
"name": "DataAriaLabelMixin",
|
39910
|
+
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
39911
|
+
}
|
39912
|
+
},
|
40135
39913
|
{
|
40136
39914
|
"name": "placeholder",
|
39915
|
+
"type": {
|
39916
|
+
"text": "string"
|
39917
|
+
},
|
39918
|
+
"default": "''",
|
39919
|
+
"description": "The placeholder text that is displayed when the input field is empty.",
|
39920
|
+
"fieldName": "placeholder",
|
39921
|
+
"inheritedFrom": {
|
39922
|
+
"name": "Input",
|
39923
|
+
"module": "src/components/input/input.component.ts"
|
39924
|
+
}
|
39925
|
+
},
|
39926
|
+
{
|
39927
|
+
"name": "prefix-text",
|
40137
39928
|
"type": {
|
40138
39929
|
"text": "string | undefined"
|
40139
39930
|
},
|
40140
|
-
"description": "The
|
40141
|
-
"fieldName": "
|
39931
|
+
"description": "The prefix text that is displayed before the input field. It has a max length of 10 characters.\nWhen the prefix text is set, make sure to set the 'data-aria-label'\nattribute with the appropriate value for accessibility.",
|
39932
|
+
"fieldName": "prefixText",
|
39933
|
+
"inheritedFrom": {
|
39934
|
+
"name": "Input",
|
39935
|
+
"module": "src/components/input/input.component.ts"
|
39936
|
+
}
|
40142
39937
|
},
|
40143
39938
|
{
|
40144
|
-
"name": "
|
39939
|
+
"name": "leading-icon",
|
40145
39940
|
"type": {
|
40146
|
-
"text": "
|
39941
|
+
"text": "IconNames | undefined"
|
40147
39942
|
},
|
40148
|
-
"description": "The
|
40149
|
-
"
|
40150
|
-
"
|
39943
|
+
"description": "The leading icon that is displayed before the input field.",
|
39944
|
+
"fieldName": "leadingIcon",
|
39945
|
+
"inheritedFrom": {
|
39946
|
+
"name": "Input",
|
39947
|
+
"module": "src/components/input/input.component.ts"
|
39948
|
+
}
|
40151
39949
|
},
|
40152
39950
|
{
|
40153
|
-
"name": "
|
39951
|
+
"name": "trailing-button",
|
40154
39952
|
"type": {
|
40155
|
-
"text": "
|
39953
|
+
"text": "boolean"
|
40156
39954
|
},
|
40157
|
-
"
|
40158
|
-
"
|
40159
|
-
"fieldName": "
|
39955
|
+
"default": "false",
|
39956
|
+
"description": "The trailing button when set to true, shows a clear button that clears the input field.",
|
39957
|
+
"fieldName": "trailingButton",
|
39958
|
+
"inheritedFrom": {
|
39959
|
+
"name": "Input",
|
39960
|
+
"module": "src/components/input/input.component.ts"
|
39961
|
+
}
|
39962
|
+
},
|
39963
|
+
{
|
39964
|
+
"name": "maxlength",
|
39965
|
+
"type": {
|
39966
|
+
"text": "number | undefined"
|
39967
|
+
},
|
39968
|
+
"description": "The maximum number of characters that the input field can accept.",
|
39969
|
+
"fieldName": "maxlength",
|
39970
|
+
"inheritedFrom": {
|
39971
|
+
"name": "Input",
|
39972
|
+
"module": "src/components/input/input.component.ts"
|
39973
|
+
}
|
39974
|
+
},
|
39975
|
+
{
|
39976
|
+
"name": "minlength",
|
39977
|
+
"type": {
|
39978
|
+
"text": "number | undefined"
|
39979
|
+
},
|
39980
|
+
"description": "The minimum number of characters that the input field can accept.",
|
39981
|
+
"fieldName": "minlength",
|
39982
|
+
"inheritedFrom": {
|
39983
|
+
"name": "Input",
|
39984
|
+
"module": "src/components/input/input.component.ts"
|
39985
|
+
}
|
40160
39986
|
},
|
40161
39987
|
{
|
40162
|
-
"name": "
|
39988
|
+
"name": "autocapitalize",
|
40163
39989
|
"type": {
|
40164
|
-
"text": "
|
39990
|
+
"text": "AutoCapitalizeType"
|
40165
39991
|
},
|
40166
|
-
"description": "The
|
40167
|
-
"default": "
|
40168
|
-
"fieldName": "
|
39992
|
+
"description": "The autocapitalize attribute of the input field.",
|
39993
|
+
"default": "'off'",
|
39994
|
+
"fieldName": "autocapitalize",
|
39995
|
+
"inheritedFrom": {
|
39996
|
+
"name": "Input",
|
39997
|
+
"module": "src/components/input/input.component.ts"
|
39998
|
+
}
|
40169
39999
|
},
|
40170
40000
|
{
|
40171
|
-
"name": "
|
40001
|
+
"name": "autocomplete",
|
40172
40002
|
"type": {
|
40173
|
-
"text": "
|
40003
|
+
"text": "AutoCompleteType"
|
40174
40004
|
},
|
40175
|
-
"description": "The
|
40176
|
-
"default": "
|
40177
|
-
"fieldName": "
|
40005
|
+
"description": "The autocomplete attribute of the input field.",
|
40006
|
+
"default": "'off'",
|
40007
|
+
"fieldName": "autocomplete",
|
40008
|
+
"inheritedFrom": {
|
40009
|
+
"name": "Input",
|
40010
|
+
"module": "src/components/input/input.component.ts"
|
40011
|
+
}
|
40178
40012
|
},
|
40179
40013
|
{
|
40180
|
-
"name": "
|
40014
|
+
"name": "dirname",
|
40181
40015
|
"type": {
|
40182
40016
|
"text": "string | undefined"
|
40183
40017
|
},
|
40184
|
-
"description": "
|
40185
|
-
"fieldName": "
|
40186
|
-
},
|
40187
|
-
{
|
40188
|
-
"name": "auto-focus-on-mount",
|
40189
|
-
"type": {
|
40190
|
-
"text": "boolean"
|
40191
|
-
},
|
40192
|
-
"default": "false",
|
40193
|
-
"description": "This property indicates whether the element should receive focus automatically when it is mounted.\n\nIt will not focus if the element is re-attached to the DOM after being removed.",
|
40194
|
-
"fieldName": "autoFocusOnMount",
|
40018
|
+
"description": "Specifies the name of the directionality of text for submission purposes (e.g., \"rtl\" for right-to-left).",
|
40019
|
+
"fieldName": "dirname",
|
40195
40020
|
"inheritedFrom": {
|
40196
|
-
"name": "
|
40197
|
-
"module": "src/
|
40021
|
+
"name": "Input",
|
40022
|
+
"module": "src/components/input/input.component.ts"
|
40198
40023
|
}
|
40199
40024
|
},
|
40200
40025
|
{
|
40201
|
-
"name": "
|
40026
|
+
"name": "pattern",
|
40202
40027
|
"type": {
|
40203
|
-
"text": "string"
|
40028
|
+
"text": "string | undefined"
|
40204
40029
|
},
|
40205
|
-
"
|
40206
|
-
"
|
40207
|
-
"fieldName": "name",
|
40030
|
+
"description": "The pattern attribute of the input field.\nSpecifies a regular expression that the input value must match for validation purposes.",
|
40031
|
+
"fieldName": "pattern",
|
40208
40032
|
"inheritedFrom": {
|
40209
|
-
"name": "
|
40210
|
-
"module": "src/
|
40033
|
+
"name": "Input",
|
40034
|
+
"module": "src/components/input/input.component.ts"
|
40211
40035
|
}
|
40212
40036
|
},
|
40213
40037
|
{
|
40214
|
-
"name": "
|
40038
|
+
"name": "list",
|
40215
40039
|
"type": {
|
40216
|
-
"text": "string"
|
40040
|
+
"text": "string | undefined"
|
40217
40041
|
},
|
40218
|
-
"
|
40219
|
-
"
|
40220
|
-
"fieldName": "value",
|
40042
|
+
"description": "The list attribute of the input field.\nIdentifies a list of pre-defined options to suggest to the user.",
|
40043
|
+
"fieldName": "list",
|
40221
40044
|
"inheritedFrom": {
|
40222
|
-
"name": "
|
40223
|
-
"module": "src/
|
40045
|
+
"name": "Input",
|
40046
|
+
"module": "src/components/input/input.component.ts"
|
40224
40047
|
}
|
40225
40048
|
},
|
40226
40049
|
{
|
40227
|
-
"name": "
|
40050
|
+
"name": "size",
|
40228
40051
|
"type": {
|
40229
|
-
"text": "
|
40052
|
+
"text": "number | undefined | undefined"
|
40230
40053
|
},
|
40231
|
-
"description": "
|
40232
|
-
"
|
40054
|
+
"description": "The size attribute of the input field.\nSpecifies the width of the input field.",
|
40055
|
+
"default": "undefined",
|
40056
|
+
"fieldName": "size",
|
40233
40057
|
"inheritedFrom": {
|
40234
|
-
"name": "
|
40235
|
-
"module": "src/
|
40058
|
+
"name": "Input",
|
40059
|
+
"module": "src/components/input/input.component.ts"
|
40236
40060
|
}
|
40237
40061
|
},
|
40238
40062
|
{
|
40239
|
-
"name": "
|
40063
|
+
"name": "clear-aria-label",
|
40240
40064
|
"type": {
|
40241
|
-
"text": "string
|
40065
|
+
"text": "string"
|
40242
40066
|
},
|
40243
|
-
"default": "
|
40244
|
-
"description": "
|
40245
|
-
"fieldName": "
|
40067
|
+
"default": "''",
|
40068
|
+
"description": "Aria label for the trailing button. If trailing button is set to true, this label is used for the clear button.",
|
40069
|
+
"fieldName": "clearAriaLabel",
|
40246
40070
|
"inheritedFrom": {
|
40247
|
-
"name": "
|
40248
|
-
"module": "src/
|
40071
|
+
"name": "Input",
|
40072
|
+
"module": "src/components/input/input.component.ts"
|
40249
40073
|
}
|
40250
40074
|
},
|
40251
40075
|
{
|
@@ -40384,35 +40208,211 @@
|
|
40384
40208
|
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
40385
40209
|
}
|
40386
40210
|
}
|
40211
|
+
]
|
40212
|
+
}
|
40213
|
+
],
|
40214
|
+
"exports": [
|
40215
|
+
{
|
40216
|
+
"kind": "js",
|
40217
|
+
"name": "default",
|
40218
|
+
"declaration": {
|
40219
|
+
"name": "Searchfield",
|
40220
|
+
"module": "components/searchfield/searchfield.component.js"
|
40221
|
+
}
|
40222
|
+
}
|
40223
|
+
]
|
40224
|
+
},
|
40225
|
+
{
|
40226
|
+
"kind": "javascript-module",
|
40227
|
+
"path": "components/screenreaderannouncer/screenreaderannouncer.component.js",
|
40228
|
+
"declarations": [
|
40229
|
+
{
|
40230
|
+
"kind": "class",
|
40231
|
+
"description": "`mdc-screenreaderannouncer` can be used to announce messages with the screen reader.\n\nTo make an announcement set `announcement` attribute on the `mdc-screenreaderannouncer` element.\n\n**Internal logic**\n\nWhen the screenreader announcer is connected to the DOM, if the `identity` attribute is not\nprovided, it is set to `mdc-screenreaderannouncer-identity` and a `<div>` element with this id is created\nin the DOM. If the `identity` attribute is provided, the identity element is used and no new element\nis created in the DOM.\n\nWhen the `announcement` attribute is set, the screenreader announcer will create a `<div>` element with\n`aria-live` attribute set to the value of `data-aria-live` attribute and append it to the `identity` element.\nAfter delay of `delay` milliseconds, a <p> element with the announcement text is appended to the `<div>` element.\n\nThe announcement `<div>` element is removed from the DOM after `timeout` milliseconds.\n\nWhen the screen announcer component is disconnected from the DOM, all the timeouts are cleared and\nall the announcement elements added are removed from the DOM and timeouts cleared.\n\n**Note**\n1. The default delay of 150 miliseconds is used as we dynamically generate the\naria-live region in the DOM and add the announcement text to it.\n3. If no `identity` is provided, all the screen reader components will create and use only one\n`<div>` element with id `mdc-screenreaderannouncer-identity` in the DOM.\n\nReference: https://patrickhlauke.github.io/aria/tests/live-regions/",
|
40232
|
+
"name": "ScreenreaderAnnouncer",
|
40233
|
+
"members": [
|
40234
|
+
{
|
40235
|
+
"kind": "field",
|
40236
|
+
"name": "announcement",
|
40237
|
+
"type": {
|
40238
|
+
"text": "string"
|
40239
|
+
},
|
40240
|
+
"default": "''",
|
40241
|
+
"description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
|
40242
|
+
"attribute": "announcement",
|
40243
|
+
"reflects": true
|
40244
|
+
},
|
40245
|
+
{
|
40246
|
+
"kind": "field",
|
40247
|
+
"name": "identity",
|
40248
|
+
"type": {
|
40249
|
+
"text": "string"
|
40250
|
+
},
|
40251
|
+
"default": "''",
|
40252
|
+
"description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
|
40253
|
+
"attribute": "identity",
|
40254
|
+
"reflects": true
|
40255
|
+
},
|
40256
|
+
{
|
40257
|
+
"kind": "field",
|
40258
|
+
"name": "dataAriaLive",
|
40259
|
+
"type": {
|
40260
|
+
"text": "AriaLive"
|
40261
|
+
},
|
40262
|
+
"description": "Aria live value for announcement.",
|
40263
|
+
"default": "'polite'",
|
40264
|
+
"attribute": "data-aria-live",
|
40265
|
+
"reflects": true
|
40266
|
+
},
|
40267
|
+
{
|
40268
|
+
"kind": "field",
|
40269
|
+
"name": "delay",
|
40270
|
+
"type": {
|
40271
|
+
"text": "number"
|
40272
|
+
},
|
40273
|
+
"description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
|
40274
|
+
"default": "150",
|
40275
|
+
"attribute": "delay",
|
40276
|
+
"reflects": true
|
40277
|
+
},
|
40278
|
+
{
|
40279
|
+
"kind": "field",
|
40280
|
+
"name": "timeout",
|
40281
|
+
"type": {
|
40282
|
+
"text": "number"
|
40283
|
+
},
|
40284
|
+
"description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
|
40285
|
+
"default": "20_000",
|
40286
|
+
"attribute": "timeout",
|
40287
|
+
"reflects": true
|
40288
|
+
},
|
40289
|
+
{
|
40290
|
+
"kind": "field",
|
40291
|
+
"name": "debounceTime",
|
40292
|
+
"type": {
|
40293
|
+
"text": "number"
|
40294
|
+
},
|
40295
|
+
"description": "The debounce time delay in milliseconds for announcements.",
|
40296
|
+
"default": "500",
|
40297
|
+
"attribute": "debounce-time",
|
40298
|
+
"reflects": true
|
40299
|
+
},
|
40300
|
+
{
|
40301
|
+
"kind": "method",
|
40302
|
+
"name": "announce",
|
40303
|
+
"parameters": [
|
40304
|
+
{
|
40305
|
+
"name": "announcement",
|
40306
|
+
"type": {
|
40307
|
+
"text": "string"
|
40308
|
+
},
|
40309
|
+
"description": "The announcement to be made."
|
40310
|
+
},
|
40311
|
+
{
|
40312
|
+
"name": "delay",
|
40313
|
+
"type": {
|
40314
|
+
"text": "number"
|
40315
|
+
},
|
40316
|
+
"description": "The delay in milliseconds before announcing the message."
|
40317
|
+
},
|
40318
|
+
{
|
40319
|
+
"name": "timeout",
|
40320
|
+
"type": {
|
40321
|
+
"text": "number"
|
40322
|
+
},
|
40323
|
+
"description": "The timeout in milliseconds before removing the announcement."
|
40324
|
+
},
|
40325
|
+
{
|
40326
|
+
"name": "ariaLive",
|
40327
|
+
"type": {
|
40328
|
+
"text": "AriaLive"
|
40329
|
+
},
|
40330
|
+
"description": "The aria live value for the announcement."
|
40331
|
+
}
|
40332
|
+
],
|
40333
|
+
"description": "Announces the given announcement to the screen reader.\n\nA div element with aria-live attribute set to the given ariaLive value is created\nand a p element with the announcement text is appended to it.\n\nThe div element is appended to the element in the DOM identified with id as\nidentity attribute."
|
40334
|
+
},
|
40335
|
+
{
|
40336
|
+
"kind": "method",
|
40337
|
+
"name": "clearTimeOutsAndAnnouncements",
|
40338
|
+
"privacy": "private",
|
40339
|
+
"description": "Clears all timeouts and removes all announcements from the screen reader."
|
40340
|
+
},
|
40341
|
+
{
|
40342
|
+
"kind": "method",
|
40343
|
+
"name": "createAnnouncementAriaLiveRegion",
|
40344
|
+
"privacy": "private",
|
40345
|
+
"description": "Creates a div element with id as identity attribute in the DOM.\n\nIf the identity attribute is not provided, it is set internally to\n`mdc-screenreaderannouncer-identity`."
|
40346
|
+
},
|
40347
|
+
{
|
40348
|
+
"kind": "method",
|
40349
|
+
"name": "setupDebouncedAnnounce",
|
40350
|
+
"privacy": "private",
|
40351
|
+
"description": "Creates a single debounced function that will read the latest this.announcement when executed.\n\nThis function is used to debounce the announcement so that it will only be made after\nthis.debounceTime milliseconds have passed since the last time this.announcement was updated."
|
40352
|
+
}
|
40387
40353
|
],
|
40388
|
-
"
|
40354
|
+
"attributes": [
|
40389
40355
|
{
|
40390
|
-
"name": "
|
40391
|
-
"
|
40356
|
+
"name": "announcement",
|
40357
|
+
"type": {
|
40358
|
+
"text": "string"
|
40359
|
+
},
|
40360
|
+
"default": "''",
|
40361
|
+
"description": "The announcement attribute is a string that is used to announce messages to the screen reader.\nThe announcement is made when the announcement attribute is set to a non-empty string.",
|
40362
|
+
"fieldName": "announcement"
|
40363
|
+
},
|
40364
|
+
{
|
40365
|
+
"name": "identity",
|
40366
|
+
"type": {
|
40367
|
+
"text": "string"
|
40368
|
+
},
|
40369
|
+
"default": "''",
|
40370
|
+
"description": "The id of the element in the light dom, to which announcement elements will be appended.\n\nIf id is not provided, it will be set to `mdc-screenreaderannouncer-identity` and\na div element with this id will be created in the light dom.",
|
40371
|
+
"fieldName": "identity"
|
40392
40372
|
},
|
40393
40373
|
{
|
40394
|
-
"name": "
|
40395
|
-
"
|
40374
|
+
"name": "data-aria-live",
|
40375
|
+
"type": {
|
40376
|
+
"text": "AriaLive"
|
40377
|
+
},
|
40378
|
+
"description": "Aria live value for announcement.",
|
40379
|
+
"default": "'polite'",
|
40380
|
+
"fieldName": "dataAriaLive"
|
40396
40381
|
},
|
40397
40382
|
{
|
40398
|
-
"name": "
|
40399
|
-
"
|
40383
|
+
"name": "delay",
|
40384
|
+
"type": {
|
40385
|
+
"text": "number"
|
40386
|
+
},
|
40387
|
+
"description": "Milliseconds to wait before adding the announcement to the identiy region in\nDOM, which will announce the message to the screen reader.",
|
40388
|
+
"default": "150",
|
40389
|
+
"fieldName": "delay"
|
40400
40390
|
},
|
40401
40391
|
{
|
40402
|
-
"name": "
|
40403
|
-
"
|
40392
|
+
"name": "timeout",
|
40393
|
+
"type": {
|
40394
|
+
"text": "number"
|
40395
|
+
},
|
40396
|
+
"description": "Milliseconds to wait after which the announcement element will be removed from\nidentity region in DOM, causing the screen reader to not announcing the message.",
|
40397
|
+
"default": "20_000",
|
40398
|
+
"fieldName": "timeout"
|
40404
40399
|
},
|
40405
40400
|
{
|
40406
|
-
"name": "
|
40407
|
-
"
|
40401
|
+
"name": "debounce-time",
|
40402
|
+
"type": {
|
40403
|
+
"text": "number"
|
40404
|
+
},
|
40405
|
+
"description": "The debounce time delay in milliseconds for announcements.",
|
40406
|
+
"default": "500",
|
40407
|
+
"fieldName": "debounceTime"
|
40408
40408
|
}
|
40409
40409
|
],
|
40410
40410
|
"superclass": {
|
40411
|
-
"name": "
|
40412
|
-
"module": "/src/
|
40411
|
+
"name": "Component",
|
40412
|
+
"module": "/src/models"
|
40413
40413
|
},
|
40414
|
-
"tagName": "mdc-
|
40415
|
-
"jsDoc": "/**\n *
|
40414
|
+
"tagName": "mdc-screenreaderannouncer",
|
40415
|
+
"jsDoc": "/**\n * `mdc-screenreaderannouncer` can be used to announce messages with the screen reader.\n *\n * To make an announcement set `announcement` attribute on the `mdc-screenreaderannouncer` element.\n *\n * **Internal logic**\n *\n * When the screenreader announcer is connected to the DOM, if the `identity` attribute is not\n * provided, it is set to `mdc-screenreaderannouncer-identity` and a `<div>` element with this id is created\n * in the DOM. If the `identity` attribute is provided, the identity element is used and no new element\n * is created in the DOM.\n *\n * When the `announcement` attribute is set, the screenreader announcer will create a `<div>` element with\n * `aria-live` attribute set to the value of `data-aria-live` attribute and append it to the `identity` element.\n * After delay of `delay` milliseconds, a <p> element with the announcement text is appended to the `<div>` element.\n *\n * The announcement `<div>` element is removed from the DOM after `timeout` milliseconds.\n *\n * When the screen announcer component is disconnected from the DOM, all the timeouts are cleared and\n * all the announcement elements added are removed from the DOM and timeouts cleared.\n *\n * **Note**\n * 1. The default delay of 150 miliseconds is used as we dynamically generate the\n * aria-live region in the DOM and add the announcement text to it.\n * 3. If no `identity` is provided, all the screen reader components will create and use only one\n * `<div>` element with id `mdc-screenreaderannouncer-identity` in the DOM.\n *\n * Reference: https://patrickhlauke.github.io/aria/tests/live-regions/\n *\n * @tagname mdc-screenreaderannouncer\n */",
|
40416
40416
|
"customElement": true
|
40417
40417
|
}
|
40418
40418
|
],
|
@@ -40421,8 +40421,8 @@
|
|
40421
40421
|
"kind": "js",
|
40422
40422
|
"name": "default",
|
40423
40423
|
"declaration": {
|
40424
|
-
"name": "
|
40425
|
-
"module": "components/
|
40424
|
+
"name": "ScreenreaderAnnouncer",
|
40425
|
+
"module": "components/screenreaderannouncer/screenreaderannouncer.component.js"
|
40426
40426
|
}
|
40427
40427
|
}
|
40428
40428
|
]
|
@@ -41709,43 +41709,243 @@
|
|
41709
41709
|
"name": "--mdc-staticcheckbox-disabled-background-color"
|
41710
41710
|
},
|
41711
41711
|
{
|
41712
|
-
"description": "Border color for a disabled checkbox.",
|
41713
|
-
"name": "--mdc-checkbox-disabled-border-color"
|
41712
|
+
"description": "Border color for a disabled checkbox.",
|
41713
|
+
"name": "--mdc-checkbox-disabled-border-color"
|
41714
|
+
},
|
41715
|
+
{
|
41716
|
+
"description": "Background color for a disabled, selected checkbox.",
|
41717
|
+
"name": "--mdc-checkbox-disabled-checked-icon-color"
|
41718
|
+
},
|
41719
|
+
{
|
41720
|
+
"description": "Icon color for a disabled checkbox.",
|
41721
|
+
"name": "--mdc-staticcheckbox-disabled-icon-color"
|
41722
|
+
},
|
41723
|
+
{
|
41724
|
+
"description": "Background color for an unselected checkbox.",
|
41725
|
+
"name": "--mdc-staticcheckbox-icon-background-color"
|
41726
|
+
},
|
41727
|
+
{
|
41728
|
+
"description": "Default background color for an unselected checkbox.",
|
41729
|
+
"name": "--mdc-staticcheckbox-icon-border-color"
|
41730
|
+
},
|
41731
|
+
{
|
41732
|
+
"description": "Icon color for an unselected checkbox.",
|
41733
|
+
"name": "--mdc-staticcheckbox-icon-color"
|
41734
|
+
}
|
41735
|
+
],
|
41736
|
+
"cssParts": [
|
41737
|
+
{
|
41738
|
+
"description": "The container for the checkbox icon.",
|
41739
|
+
"name": "icon-container"
|
41740
|
+
},
|
41741
|
+
{
|
41742
|
+
"description": "The checkbox icon.",
|
41743
|
+
"name": "checkbox-icon"
|
41744
|
+
}
|
41745
|
+
],
|
41746
|
+
"slots": [
|
41747
|
+
{
|
41748
|
+
"description": "Default slot for adding label text.",
|
41749
|
+
"name": ""
|
41750
|
+
}
|
41751
|
+
],
|
41752
|
+
"members": [
|
41753
|
+
{
|
41754
|
+
"kind": "field",
|
41755
|
+
"name": "checked",
|
41756
|
+
"type": {
|
41757
|
+
"text": "boolean"
|
41758
|
+
},
|
41759
|
+
"default": "false",
|
41760
|
+
"description": "Determines whether the checkbox is selected or unselected.",
|
41761
|
+
"attribute": "checked",
|
41762
|
+
"reflects": true
|
41763
|
+
},
|
41764
|
+
{
|
41765
|
+
"kind": "field",
|
41766
|
+
"name": "indeterminate",
|
41767
|
+
"type": {
|
41768
|
+
"text": "boolean"
|
41769
|
+
},
|
41770
|
+
"default": "false",
|
41771
|
+
"description": "Determines whether the checkbox is in an indeterminate state.",
|
41772
|
+
"attribute": "indeterminate",
|
41773
|
+
"reflects": true
|
41774
|
+
},
|
41775
|
+
{
|
41776
|
+
"kind": "field",
|
41777
|
+
"name": "readonly",
|
41778
|
+
"type": {
|
41779
|
+
"text": "boolean"
|
41780
|
+
},
|
41781
|
+
"default": "false",
|
41782
|
+
"description": "Determines whether the checkbox is read-only.",
|
41783
|
+
"attribute": "readonly",
|
41784
|
+
"reflects": true
|
41785
|
+
},
|
41786
|
+
{
|
41787
|
+
"kind": "field",
|
41788
|
+
"name": "softDisabled",
|
41789
|
+
"type": {
|
41790
|
+
"text": "boolean"
|
41791
|
+
},
|
41792
|
+
"default": "false",
|
41793
|
+
"description": "Determines whether the checkbox is soft-disabled.",
|
41794
|
+
"attribute": "soft-disabled",
|
41795
|
+
"reflects": true
|
41796
|
+
},
|
41797
|
+
{
|
41798
|
+
"kind": "field",
|
41799
|
+
"name": "disabled",
|
41800
|
+
"type": {
|
41801
|
+
"text": "boolean | undefined"
|
41802
|
+
},
|
41803
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
41804
|
+
"default": "undefined",
|
41805
|
+
"attribute": "disabled",
|
41806
|
+
"reflects": true,
|
41807
|
+
"inheritedFrom": {
|
41808
|
+
"name": "DisabledMixin",
|
41809
|
+
"module": "utils/mixins/DisabledMixin.js"
|
41810
|
+
}
|
41811
|
+
}
|
41812
|
+
],
|
41813
|
+
"attributes": [
|
41814
|
+
{
|
41815
|
+
"name": "checked",
|
41816
|
+
"type": {
|
41817
|
+
"text": "boolean"
|
41818
|
+
},
|
41819
|
+
"default": "false",
|
41820
|
+
"description": "Determines whether the checkbox is selected or unselected.",
|
41821
|
+
"fieldName": "checked"
|
41822
|
+
},
|
41823
|
+
{
|
41824
|
+
"name": "indeterminate",
|
41825
|
+
"type": {
|
41826
|
+
"text": "boolean"
|
41827
|
+
},
|
41828
|
+
"default": "false",
|
41829
|
+
"description": "Determines whether the checkbox is in an indeterminate state.",
|
41830
|
+
"fieldName": "indeterminate"
|
41831
|
+
},
|
41832
|
+
{
|
41833
|
+
"name": "readonly",
|
41834
|
+
"type": {
|
41835
|
+
"text": "boolean"
|
41836
|
+
},
|
41837
|
+
"default": "false",
|
41838
|
+
"description": "Determines whether the checkbox is read-only.",
|
41839
|
+
"fieldName": "readonly"
|
41840
|
+
},
|
41841
|
+
{
|
41842
|
+
"name": "soft-disabled",
|
41843
|
+
"type": {
|
41844
|
+
"text": "boolean"
|
41845
|
+
},
|
41846
|
+
"default": "false",
|
41847
|
+
"description": "Determines whether the checkbox is soft-disabled.",
|
41848
|
+
"fieldName": "softDisabled"
|
41849
|
+
},
|
41850
|
+
{
|
41851
|
+
"name": "disabled",
|
41852
|
+
"type": {
|
41853
|
+
"text": "boolean | undefined"
|
41854
|
+
},
|
41855
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
41856
|
+
"default": "undefined",
|
41857
|
+
"fieldName": "disabled",
|
41858
|
+
"inheritedFrom": {
|
41859
|
+
"name": "DisabledMixin",
|
41860
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
41861
|
+
}
|
41862
|
+
}
|
41863
|
+
],
|
41864
|
+
"mixins": [
|
41865
|
+
{
|
41866
|
+
"name": "DisabledMixin",
|
41867
|
+
"module": "/src/utils/mixins/DisabledMixin"
|
41868
|
+
}
|
41869
|
+
],
|
41870
|
+
"superclass": {
|
41871
|
+
"name": "Component",
|
41872
|
+
"module": "/src/models"
|
41873
|
+
},
|
41874
|
+
"tagName": "mdc-staticcheckbox",
|
41875
|
+
"jsDoc": "/**\n * This is a decorative component that is styled to look as a checkbox.\n *\n * It has 5 properties - checked, indeterminate, disabled, readonly and soft-disabled.\n *\n * We are using the same styling that has been created for the `mdc-checkbox` component.\n *\n * @tagname mdc-staticcheckbox\n *\n * @dependency mdc-icon\n *\n * @cssproperty --mdc-staticcheckbox-border-color - Border color in high contrast.\n * @cssproperty --mdc-staticcheckbox-checked-background-color - Background color for a selected checkbox.\n * @cssproperty --mdc-staticcheckbox-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-staticcheckbox-disabled-icon-color - Icon color for a disabled checkbox.\n * @cssproperty --mdc-staticcheckbox-icon-background-color - Background color for an unselected checkbox.\n * @cssproperty --mdc-staticcheckbox-icon-border-color - Default background color for an unselected checkbox.\n * @cssproperty --mdc-staticcheckbox-icon-color - Icon color for an unselected checkbox.\n *\n * @csspart icon-container - The container for the checkbox icon.\n * @csspart checkbox-icon - The checkbox icon.\n *\n * @slot - Default slot for adding label text.\n */",
|
41876
|
+
"customElement": true
|
41877
|
+
}
|
41878
|
+
],
|
41879
|
+
"exports": [
|
41880
|
+
{
|
41881
|
+
"kind": "js",
|
41882
|
+
"name": "default",
|
41883
|
+
"declaration": {
|
41884
|
+
"name": "StaticCheckbox",
|
41885
|
+
"module": "components/staticcheckbox/staticcheckbox.component.js"
|
41886
|
+
}
|
41887
|
+
}
|
41888
|
+
]
|
41889
|
+
},
|
41890
|
+
{
|
41891
|
+
"kind": "javascript-module",
|
41892
|
+
"path": "components/staticradio/staticradio.component.js",
|
41893
|
+
"declarations": [
|
41894
|
+
{
|
41895
|
+
"kind": "class",
|
41896
|
+
"description": "This is a decorative component that is styled to look as a radio.\nIt has 4 properties - checked, disabled, readonly and soft-disabled.\n\nWe are using the same styling that has been created for the `mdc-radio` component.",
|
41897
|
+
"name": "StaticRadio",
|
41898
|
+
"cssProperties": [
|
41899
|
+
{
|
41900
|
+
"description": "size of the inner circle",
|
41901
|
+
"name": "--mdc-staticradio-inner-circle-size"
|
41902
|
+
},
|
41903
|
+
{
|
41904
|
+
"description": "color of the label when disabled",
|
41905
|
+
"name": "--mdc-staticradio-text-disabled-color"
|
41906
|
+
},
|
41907
|
+
{
|
41908
|
+
"description": "color of the radio button border when normal",
|
41909
|
+
"name": "--mdc-staticradio-normal-border-color"
|
41910
|
+
},
|
41911
|
+
{
|
41912
|
+
"description": "color of the radio button border when disabled",
|
41913
|
+
"name": "--mdc-staticradio-disabled-border-color"
|
41914
|
+
},
|
41915
|
+
{
|
41916
|
+
"description": "background color of the inner circle when normal",
|
41917
|
+
"name": "--mdc-staticradio-inner-circle-normal-background"
|
41714
41918
|
},
|
41715
41919
|
{
|
41716
|
-
"description": "
|
41717
|
-
"name": "--mdc-
|
41920
|
+
"description": "background color of the inner circle when disabled",
|
41921
|
+
"name": "--mdc-staticradio-inner-circle-disabled-background"
|
41718
41922
|
},
|
41719
41923
|
{
|
41720
|
-
"description": "
|
41721
|
-
"name": "--mdc-
|
41924
|
+
"description": "color of the radio button when inactive",
|
41925
|
+
"name": "--mdc-staticradio-control-inactive-color"
|
41722
41926
|
},
|
41723
41927
|
{
|
41724
|
-
"description": "
|
41725
|
-
"name": "--mdc-
|
41928
|
+
"description": "background color of the radio button when inactive and disabled",
|
41929
|
+
"name": "--mdc-staticradio-control-inactive-disabled-background"
|
41726
41930
|
},
|
41727
41931
|
{
|
41728
|
-
"description": "
|
41729
|
-
"name": "--mdc-
|
41932
|
+
"description": "color of the radio button when active",
|
41933
|
+
"name": "--mdc-staticradio-control-active-color"
|
41730
41934
|
},
|
41731
41935
|
{
|
41732
|
-
"description": "
|
41733
|
-
"name": "--mdc-
|
41936
|
+
"description": "background color of the radio button when active and disabled",
|
41937
|
+
"name": "--mdc-staticradio-control-active-disabled-background"
|
41734
41938
|
}
|
41735
41939
|
],
|
41736
41940
|
"cssParts": [
|
41737
41941
|
{
|
41738
|
-
"description": "The
|
41739
|
-
"name": "icon
|
41740
|
-
},
|
41741
|
-
{
|
41742
|
-
"description": "The checkbox icon.",
|
41743
|
-
"name": "checkbox-icon"
|
41942
|
+
"description": "The radio icon.",
|
41943
|
+
"name": "radio-icon"
|
41744
41944
|
}
|
41745
41945
|
],
|
41746
41946
|
"slots": [
|
41747
41947
|
{
|
41748
|
-
"description": "Default slot for
|
41948
|
+
"description": "Default slot for the label of the radio.",
|
41749
41949
|
"name": ""
|
41750
41950
|
}
|
41751
41951
|
],
|
@@ -41757,21 +41957,10 @@
|
|
41757
41957
|
"text": "boolean"
|
41758
41958
|
},
|
41759
41959
|
"default": "false",
|
41760
|
-
"description": "Determines whether the
|
41960
|
+
"description": "Determines whether the radio is selected or unselected.",
|
41761
41961
|
"attribute": "checked",
|
41762
41962
|
"reflects": true
|
41763
41963
|
},
|
41764
|
-
{
|
41765
|
-
"kind": "field",
|
41766
|
-
"name": "indeterminate",
|
41767
|
-
"type": {
|
41768
|
-
"text": "boolean"
|
41769
|
-
},
|
41770
|
-
"default": "false",
|
41771
|
-
"description": "Determines whether the checkbox is in an indeterminate state.",
|
41772
|
-
"attribute": "indeterminate",
|
41773
|
-
"reflects": true
|
41774
|
-
},
|
41775
41964
|
{
|
41776
41965
|
"kind": "field",
|
41777
41966
|
"name": "readonly",
|
@@ -41779,7 +41968,7 @@
|
|
41779
41968
|
"text": "boolean"
|
41780
41969
|
},
|
41781
41970
|
"default": "false",
|
41782
|
-
"description": "Determines whether the
|
41971
|
+
"description": "Determines whether the radio is read-only.",
|
41783
41972
|
"attribute": "readonly",
|
41784
41973
|
"reflects": true
|
41785
41974
|
},
|
@@ -41790,7 +41979,7 @@
|
|
41790
41979
|
"text": "boolean"
|
41791
41980
|
},
|
41792
41981
|
"default": "false",
|
41793
|
-
"description": "Determines whether the
|
41982
|
+
"description": "Determines whether the radio is soft-disabled.",
|
41794
41983
|
"attribute": "soft-disabled",
|
41795
41984
|
"reflects": true
|
41796
41985
|
},
|
@@ -41817,25 +42006,16 @@
|
|
41817
42006
|
"text": "boolean"
|
41818
42007
|
},
|
41819
42008
|
"default": "false",
|
41820
|
-
"description": "Determines whether the
|
42009
|
+
"description": "Determines whether the radio is selected or unselected.",
|
41821
42010
|
"fieldName": "checked"
|
41822
42011
|
},
|
41823
|
-
{
|
41824
|
-
"name": "indeterminate",
|
41825
|
-
"type": {
|
41826
|
-
"text": "boolean"
|
41827
|
-
},
|
41828
|
-
"default": "false",
|
41829
|
-
"description": "Determines whether the checkbox is in an indeterminate state.",
|
41830
|
-
"fieldName": "indeterminate"
|
41831
|
-
},
|
41832
42012
|
{
|
41833
42013
|
"name": "readonly",
|
41834
42014
|
"type": {
|
41835
42015
|
"text": "boolean"
|
41836
42016
|
},
|
41837
42017
|
"default": "false",
|
41838
|
-
"description": "Determines whether the
|
42018
|
+
"description": "Determines whether the radio is read-only.",
|
41839
42019
|
"fieldName": "readonly"
|
41840
42020
|
},
|
41841
42021
|
{
|
@@ -41844,7 +42024,7 @@
|
|
41844
42024
|
"text": "boolean"
|
41845
42025
|
},
|
41846
42026
|
"default": "false",
|
41847
|
-
"description": "Determines whether the
|
42027
|
+
"description": "Determines whether the radio is soft-disabled.",
|
41848
42028
|
"fieldName": "softDisabled"
|
41849
42029
|
},
|
41850
42030
|
{
|
@@ -41871,8 +42051,8 @@
|
|
41871
42051
|
"name": "Component",
|
41872
42052
|
"module": "/src/models"
|
41873
42053
|
},
|
41874
|
-
"tagName": "mdc-
|
41875
|
-
"jsDoc": "/**\n * This is a decorative component that is styled to look as a
|
42054
|
+
"tagName": "mdc-staticradio",
|
42055
|
+
"jsDoc": "/**\n * This is a decorative component that is styled to look as a radio.\n * It has 4 properties - checked, disabled, readonly and soft-disabled.\n *\n * We are using the same styling that has been created for the `mdc-radio` component.\n *\n * @tagname mdc-staticradio\n *\n * @cssproperty --mdc-staticradio-inner-circle-size - size of the inner circle\n * @cssproperty --mdc-staticradio-text-disabled-color - color of the label when disabled\n * @cssproperty --mdc-staticradio-normal-border-color - color of the radio button border when normal\n * @cssproperty --mdc-staticradio-disabled-border-color - color of the radio button border when disabled\n * @cssproperty --mdc-staticradio-inner-circle-normal-background - background color of the inner circle when normal\n * @cssproperty --mdc-staticradio-inner-circle-disabled-background - background color of the inner circle when disabled\n * @cssproperty --mdc-staticradio-control-inactive-color - color of the radio button when inactive\n * @cssproperty --mdc-staticradio-control-inactive-disabled-background - background color of the radio button when\n * inactive and disabled\n * @cssproperty --mdc-staticradio-control-active-color - color of the radio button when active\n * @cssproperty --mdc-staticradio-control-active-disabled-background - background color of the radio button\n * when active and disabled\n *\n * @csspart radio-icon - The radio icon.\n *\n * @slot - Default slot for the label of the radio.\n */",
|
41876
42056
|
"customElement": true
|
41877
42057
|
}
|
41878
42058
|
],
|
@@ -41881,8 +42061,8 @@
|
|
41881
42061
|
"kind": "js",
|
41882
42062
|
"name": "default",
|
41883
42063
|
"declaration": {
|
41884
|
-
"name": "
|
41885
|
-
"module": "components/
|
42064
|
+
"name": "StaticRadio",
|
42065
|
+
"module": "components/staticradio/staticradio.component.js"
|
41886
42066
|
}
|
41887
42067
|
}
|
41888
42068
|
]
|
@@ -42020,186 +42200,6 @@
|
|
42020
42200
|
}
|
42021
42201
|
]
|
42022
42202
|
},
|
42023
|
-
{
|
42024
|
-
"kind": "javascript-module",
|
42025
|
-
"path": "components/staticradio/staticradio.component.js",
|
42026
|
-
"declarations": [
|
42027
|
-
{
|
42028
|
-
"kind": "class",
|
42029
|
-
"description": "This is a decorative component that is styled to look as a radio.\nIt has 4 properties - checked, disabled, readonly and soft-disabled.\n\nWe are using the same styling that has been created for the `mdc-radio` component.",
|
42030
|
-
"name": "StaticRadio",
|
42031
|
-
"cssProperties": [
|
42032
|
-
{
|
42033
|
-
"description": "size of the inner circle",
|
42034
|
-
"name": "--mdc-staticradio-inner-circle-size"
|
42035
|
-
},
|
42036
|
-
{
|
42037
|
-
"description": "color of the label when disabled",
|
42038
|
-
"name": "--mdc-staticradio-text-disabled-color"
|
42039
|
-
},
|
42040
|
-
{
|
42041
|
-
"description": "color of the radio button border when normal",
|
42042
|
-
"name": "--mdc-staticradio-normal-border-color"
|
42043
|
-
},
|
42044
|
-
{
|
42045
|
-
"description": "color of the radio button border when disabled",
|
42046
|
-
"name": "--mdc-staticradio-disabled-border-color"
|
42047
|
-
},
|
42048
|
-
{
|
42049
|
-
"description": "background color of the inner circle when normal",
|
42050
|
-
"name": "--mdc-staticradio-inner-circle-normal-background"
|
42051
|
-
},
|
42052
|
-
{
|
42053
|
-
"description": "background color of the inner circle when disabled",
|
42054
|
-
"name": "--mdc-staticradio-inner-circle-disabled-background"
|
42055
|
-
},
|
42056
|
-
{
|
42057
|
-
"description": "color of the radio button when inactive",
|
42058
|
-
"name": "--mdc-staticradio-control-inactive-color"
|
42059
|
-
},
|
42060
|
-
{
|
42061
|
-
"description": "background color of the radio button when inactive and disabled",
|
42062
|
-
"name": "--mdc-staticradio-control-inactive-disabled-background"
|
42063
|
-
},
|
42064
|
-
{
|
42065
|
-
"description": "color of the radio button when active",
|
42066
|
-
"name": "--mdc-staticradio-control-active-color"
|
42067
|
-
},
|
42068
|
-
{
|
42069
|
-
"description": "background color of the radio button when active and disabled",
|
42070
|
-
"name": "--mdc-staticradio-control-active-disabled-background"
|
42071
|
-
}
|
42072
|
-
],
|
42073
|
-
"cssParts": [
|
42074
|
-
{
|
42075
|
-
"description": "The radio icon.",
|
42076
|
-
"name": "radio-icon"
|
42077
|
-
}
|
42078
|
-
],
|
42079
|
-
"slots": [
|
42080
|
-
{
|
42081
|
-
"description": "Default slot for the label of the radio.",
|
42082
|
-
"name": ""
|
42083
|
-
}
|
42084
|
-
],
|
42085
|
-
"members": [
|
42086
|
-
{
|
42087
|
-
"kind": "field",
|
42088
|
-
"name": "checked",
|
42089
|
-
"type": {
|
42090
|
-
"text": "boolean"
|
42091
|
-
},
|
42092
|
-
"default": "false",
|
42093
|
-
"description": "Determines whether the radio is selected or unselected.",
|
42094
|
-
"attribute": "checked",
|
42095
|
-
"reflects": true
|
42096
|
-
},
|
42097
|
-
{
|
42098
|
-
"kind": "field",
|
42099
|
-
"name": "readonly",
|
42100
|
-
"type": {
|
42101
|
-
"text": "boolean"
|
42102
|
-
},
|
42103
|
-
"default": "false",
|
42104
|
-
"description": "Determines whether the radio is read-only.",
|
42105
|
-
"attribute": "readonly",
|
42106
|
-
"reflects": true
|
42107
|
-
},
|
42108
|
-
{
|
42109
|
-
"kind": "field",
|
42110
|
-
"name": "softDisabled",
|
42111
|
-
"type": {
|
42112
|
-
"text": "boolean"
|
42113
|
-
},
|
42114
|
-
"default": "false",
|
42115
|
-
"description": "Determines whether the radio is soft-disabled.",
|
42116
|
-
"attribute": "soft-disabled",
|
42117
|
-
"reflects": true
|
42118
|
-
},
|
42119
|
-
{
|
42120
|
-
"kind": "field",
|
42121
|
-
"name": "disabled",
|
42122
|
-
"type": {
|
42123
|
-
"text": "boolean | undefined"
|
42124
|
-
},
|
42125
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
42126
|
-
"default": "undefined",
|
42127
|
-
"attribute": "disabled",
|
42128
|
-
"reflects": true,
|
42129
|
-
"inheritedFrom": {
|
42130
|
-
"name": "DisabledMixin",
|
42131
|
-
"module": "utils/mixins/DisabledMixin.js"
|
42132
|
-
}
|
42133
|
-
}
|
42134
|
-
],
|
42135
|
-
"attributes": [
|
42136
|
-
{
|
42137
|
-
"name": "checked",
|
42138
|
-
"type": {
|
42139
|
-
"text": "boolean"
|
42140
|
-
},
|
42141
|
-
"default": "false",
|
42142
|
-
"description": "Determines whether the radio is selected or unselected.",
|
42143
|
-
"fieldName": "checked"
|
42144
|
-
},
|
42145
|
-
{
|
42146
|
-
"name": "readonly",
|
42147
|
-
"type": {
|
42148
|
-
"text": "boolean"
|
42149
|
-
},
|
42150
|
-
"default": "false",
|
42151
|
-
"description": "Determines whether the radio is read-only.",
|
42152
|
-
"fieldName": "readonly"
|
42153
|
-
},
|
42154
|
-
{
|
42155
|
-
"name": "soft-disabled",
|
42156
|
-
"type": {
|
42157
|
-
"text": "boolean"
|
42158
|
-
},
|
42159
|
-
"default": "false",
|
42160
|
-
"description": "Determines whether the radio is soft-disabled.",
|
42161
|
-
"fieldName": "softDisabled"
|
42162
|
-
},
|
42163
|
-
{
|
42164
|
-
"name": "disabled",
|
42165
|
-
"type": {
|
42166
|
-
"text": "boolean | undefined"
|
42167
|
-
},
|
42168
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
42169
|
-
"default": "undefined",
|
42170
|
-
"fieldName": "disabled",
|
42171
|
-
"inheritedFrom": {
|
42172
|
-
"name": "DisabledMixin",
|
42173
|
-
"module": "src/utils/mixins/DisabledMixin.ts"
|
42174
|
-
}
|
42175
|
-
}
|
42176
|
-
],
|
42177
|
-
"mixins": [
|
42178
|
-
{
|
42179
|
-
"name": "DisabledMixin",
|
42180
|
-
"module": "/src/utils/mixins/DisabledMixin"
|
42181
|
-
}
|
42182
|
-
],
|
42183
|
-
"superclass": {
|
42184
|
-
"name": "Component",
|
42185
|
-
"module": "/src/models"
|
42186
|
-
},
|
42187
|
-
"tagName": "mdc-staticradio",
|
42188
|
-
"jsDoc": "/**\n * This is a decorative component that is styled to look as a radio.\n * It has 4 properties - checked, disabled, readonly and soft-disabled.\n *\n * We are using the same styling that has been created for the `mdc-radio` component.\n *\n * @tagname mdc-staticradio\n *\n * @cssproperty --mdc-staticradio-inner-circle-size - size of the inner circle\n * @cssproperty --mdc-staticradio-text-disabled-color - color of the label when disabled\n * @cssproperty --mdc-staticradio-normal-border-color - color of the radio button border when normal\n * @cssproperty --mdc-staticradio-disabled-border-color - color of the radio button border when disabled\n * @cssproperty --mdc-staticradio-inner-circle-normal-background - background color of the inner circle when normal\n * @cssproperty --mdc-staticradio-inner-circle-disabled-background - background color of the inner circle when disabled\n * @cssproperty --mdc-staticradio-control-inactive-color - color of the radio button when inactive\n * @cssproperty --mdc-staticradio-control-inactive-disabled-background - background color of the radio button when\n * inactive and disabled\n * @cssproperty --mdc-staticradio-control-active-color - color of the radio button when active\n * @cssproperty --mdc-staticradio-control-active-disabled-background - background color of the radio button\n * when active and disabled\n *\n * @csspart radio-icon - The radio icon.\n *\n * @slot - Default slot for the label of the radio.\n */",
|
42189
|
-
"customElement": true
|
42190
|
-
}
|
42191
|
-
],
|
42192
|
-
"exports": [
|
42193
|
-
{
|
42194
|
-
"kind": "js",
|
42195
|
-
"name": "default",
|
42196
|
-
"declaration": {
|
42197
|
-
"name": "StaticRadio",
|
42198
|
-
"module": "components/staticradio/staticradio.component.js"
|
42199
|
-
}
|
42200
|
-
}
|
42201
|
-
]
|
42202
|
-
},
|
42203
42203
|
{
|
42204
42204
|
"kind": "javascript-module",
|
42205
42205
|
"path": "components/statictoggle/statictoggle.component.js",
|