@momentum-design/components 0.36.1 → 0.36.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +187 -133
- package/dist/browser/index.js.map +4 -4
- package/dist/components/listitem/listitem.component.d.ts +3 -2
- package/dist/components/listitem/listitem.component.js +1 -1
- package/dist/components/listitem/listitem.styles.js +3 -0
- package/dist/components/optgroup/index.d.ts +8 -0
- package/dist/components/optgroup/index.js +5 -0
- package/dist/components/optgroup/optgroup.component.d.ts +28 -0
- package/dist/components/optgroup/optgroup.component.js +77 -0
- package/dist/components/optgroup/optgroup.constants.d.ts +3 -0
- package/dist/components/optgroup/optgroup.constants.js +4 -0
- package/dist/components/optgroup/optgroup.styles.d.ts +2 -0
- package/dist/components/optgroup/optgroup.styles.js +16 -0
- package/dist/components/option/index.d.ts +8 -0
- package/dist/components/option/index.js +5 -0
- package/dist/components/option/option.component.d.ts +46 -0
- package/dist/components/option/option.component.js +115 -0
- package/dist/components/option/option.constants.d.ts +4 -0
- package/dist/components/option/option.constants.js +4 -0
- package/dist/components/option/option.styles.d.ts +2 -0
- package/dist/components/option/option.styles.js +10 -0
- package/dist/custom-elements.json +888 -6
- package/dist/index.d.ts +3 -1
- package/dist/index.js +3 -1
- package/dist/react/index.d.ts +2 -0
- package/dist/react/index.js +2 -0
- package/dist/react/optgroup/index.d.ts +14 -0
- package/dist/react/optgroup/index.js +23 -0
- package/dist/react/option/index.d.ts +21 -0
- package/dist/react/option/index.js +30 -0
- package/package.json +1 -1
|
@@ -7080,7 +7080,7 @@
|
|
|
7080
7080
|
{
|
|
7081
7081
|
"kind": "method",
|
|
7082
7082
|
"name": "getText",
|
|
7083
|
-
"privacy": "
|
|
7083
|
+
"privacy": "protected",
|
|
7084
7084
|
"return": {
|
|
7085
7085
|
"type": {
|
|
7086
7086
|
"text": ""
|
|
@@ -7134,11 +7134,7 @@
|
|
|
7134
7134
|
},
|
|
7135
7135
|
{
|
|
7136
7136
|
"kind": "field",
|
|
7137
|
-
"name": "role"
|
|
7138
|
-
"type": {
|
|
7139
|
-
"text": "string"
|
|
7140
|
-
},
|
|
7141
|
-
"default": "'listitem'"
|
|
7137
|
+
"name": "role"
|
|
7142
7138
|
},
|
|
7143
7139
|
{
|
|
7144
7140
|
"kind": "field",
|
|
@@ -7407,6 +7403,892 @@
|
|
|
7407
7403
|
}
|
|
7408
7404
|
]
|
|
7409
7405
|
},
|
|
7406
|
+
{
|
|
7407
|
+
"kind": "javascript-module",
|
|
7408
|
+
"path": "components/optgroup/optgroup.component.js",
|
|
7409
|
+
"declarations": [
|
|
7410
|
+
{
|
|
7411
|
+
"kind": "class",
|
|
7412
|
+
"description": "optgroup component, which creates a grouping of mdc-option within a listbox element.",
|
|
7413
|
+
"name": "OptGroup",
|
|
7414
|
+
"cssProperties": [
|
|
7415
|
+
{
|
|
7416
|
+
"description": "Allows customization of the disabled option color.",
|
|
7417
|
+
"name": "--mdc-optgroup-disabled-color"
|
|
7418
|
+
}
|
|
7419
|
+
],
|
|
7420
|
+
"slots": [
|
|
7421
|
+
{
|
|
7422
|
+
"description": "This is a default slot for mdc-option elements.",
|
|
7423
|
+
"name": "default"
|
|
7424
|
+
}
|
|
7425
|
+
],
|
|
7426
|
+
"members": [
|
|
7427
|
+
{
|
|
7428
|
+
"kind": "field",
|
|
7429
|
+
"name": "label",
|
|
7430
|
+
"type": {
|
|
7431
|
+
"text": "string | undefined"
|
|
7432
|
+
},
|
|
7433
|
+
"description": "The header text to be displayed on the top of the options list.",
|
|
7434
|
+
"attribute": "label",
|
|
7435
|
+
"reflects": true
|
|
7436
|
+
},
|
|
7437
|
+
{
|
|
7438
|
+
"kind": "method",
|
|
7439
|
+
"name": "setDisabledForAllOptions",
|
|
7440
|
+
"privacy": "private",
|
|
7441
|
+
"return": {
|
|
7442
|
+
"type": {
|
|
7443
|
+
"text": "void"
|
|
7444
|
+
}
|
|
7445
|
+
}
|
|
7446
|
+
},
|
|
7447
|
+
{
|
|
7448
|
+
"kind": "field",
|
|
7449
|
+
"name": "dataAriaLabel",
|
|
7450
|
+
"type": {
|
|
7451
|
+
"text": "string | null"
|
|
7452
|
+
},
|
|
7453
|
+
"default": "null",
|
|
7454
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
7455
|
+
"attribute": "data-aria-label",
|
|
7456
|
+
"reflects": true,
|
|
7457
|
+
"inheritedFrom": {
|
|
7458
|
+
"name": "DataAriaLabelMixin",
|
|
7459
|
+
"module": "utils/mixins/DataAriaLabelMixin.js"
|
|
7460
|
+
}
|
|
7461
|
+
},
|
|
7462
|
+
{
|
|
7463
|
+
"kind": "field",
|
|
7464
|
+
"name": "disabled",
|
|
7465
|
+
"type": {
|
|
7466
|
+
"text": "boolean"
|
|
7467
|
+
},
|
|
7468
|
+
"default": "false",
|
|
7469
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
7470
|
+
"attribute": "disabled",
|
|
7471
|
+
"reflects": true,
|
|
7472
|
+
"inheritedFrom": {
|
|
7473
|
+
"name": "DisabledMixin",
|
|
7474
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
7475
|
+
}
|
|
7476
|
+
}
|
|
7477
|
+
],
|
|
7478
|
+
"attributes": [
|
|
7479
|
+
{
|
|
7480
|
+
"name": "label",
|
|
7481
|
+
"type": {
|
|
7482
|
+
"text": "string | undefined"
|
|
7483
|
+
},
|
|
7484
|
+
"description": "The header text to be displayed on the top of the options list.",
|
|
7485
|
+
"fieldName": "label"
|
|
7486
|
+
},
|
|
7487
|
+
{
|
|
7488
|
+
"name": "data-aria-label",
|
|
7489
|
+
"type": {
|
|
7490
|
+
"text": "string | null"
|
|
7491
|
+
},
|
|
7492
|
+
"default": "null",
|
|
7493
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
7494
|
+
"fieldName": "dataAriaLabel",
|
|
7495
|
+
"inheritedFrom": {
|
|
7496
|
+
"name": "DataAriaLabelMixin",
|
|
7497
|
+
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
|
7498
|
+
}
|
|
7499
|
+
},
|
|
7500
|
+
{
|
|
7501
|
+
"name": "disabled",
|
|
7502
|
+
"type": {
|
|
7503
|
+
"text": "boolean"
|
|
7504
|
+
},
|
|
7505
|
+
"default": "false",
|
|
7506
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
7507
|
+
"fieldName": "disabled",
|
|
7508
|
+
"inheritedFrom": {
|
|
7509
|
+
"name": "DisabledMixin",
|
|
7510
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
7511
|
+
}
|
|
7512
|
+
}
|
|
7513
|
+
],
|
|
7514
|
+
"mixins": [
|
|
7515
|
+
{
|
|
7516
|
+
"name": "DataAriaLabelMixin",
|
|
7517
|
+
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
|
7518
|
+
},
|
|
7519
|
+
{
|
|
7520
|
+
"name": "DisabledMixin",
|
|
7521
|
+
"module": "/src/utils/mixins/DisabledMixin"
|
|
7522
|
+
}
|
|
7523
|
+
],
|
|
7524
|
+
"superclass": {
|
|
7525
|
+
"name": "Component",
|
|
7526
|
+
"module": "/src/models"
|
|
7527
|
+
},
|
|
7528
|
+
"tagName": "mdc-optgroup",
|
|
7529
|
+
"jsDoc": "/**\n * optgroup component, which creates a grouping of mdc-option within a listbox element.\n *\n * @dependency mdc-text\n *\n * @tagname mdc-optgroup\n *\n * @slot default - This is a default slot for mdc-option elements.\n *\n * @cssproperty --mdc-optgroup-disabled-color - Allows customization of the disabled option color.\n */",
|
|
7530
|
+
"customElement": true
|
|
7531
|
+
}
|
|
7532
|
+
],
|
|
7533
|
+
"exports": [
|
|
7534
|
+
{
|
|
7535
|
+
"kind": "js",
|
|
7536
|
+
"name": "default",
|
|
7537
|
+
"declaration": {
|
|
7538
|
+
"name": "OptGroup",
|
|
7539
|
+
"module": "components/optgroup/optgroup.component.js"
|
|
7540
|
+
}
|
|
7541
|
+
}
|
|
7542
|
+
]
|
|
7543
|
+
},
|
|
7544
|
+
{
|
|
7545
|
+
"kind": "javascript-module",
|
|
7546
|
+
"path": "components/option/option.component.js",
|
|
7547
|
+
"declarations": [
|
|
7548
|
+
{
|
|
7549
|
+
"kind": "class",
|
|
7550
|
+
"description": "option component, which is used as a list item in a select component.<br/>\nWe can pass an icon which will be displayed in leading position of the option label text.",
|
|
7551
|
+
"name": "Option",
|
|
7552
|
+
"slots": [
|
|
7553
|
+
{
|
|
7554
|
+
"description": "This is a default/unnamed slot",
|
|
7555
|
+
"name": "default"
|
|
7556
|
+
},
|
|
7557
|
+
{
|
|
7558
|
+
"description": "slot for list item controls to appear of leading end.",
|
|
7559
|
+
"name": "leading-controls",
|
|
7560
|
+
"inheritedFrom": {
|
|
7561
|
+
"name": "ListItem",
|
|
7562
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
7563
|
+
}
|
|
7564
|
+
},
|
|
7565
|
+
{
|
|
7566
|
+
"description": "slot for list item primary label.",
|
|
7567
|
+
"name": "leading-text-primary-label",
|
|
7568
|
+
"inheritedFrom": {
|
|
7569
|
+
"name": "ListItem",
|
|
7570
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
7571
|
+
}
|
|
7572
|
+
},
|
|
7573
|
+
{
|
|
7574
|
+
"description": "slot for list item secondary label.",
|
|
7575
|
+
"name": "leading-text-secondary-label",
|
|
7576
|
+
"inheritedFrom": {
|
|
7577
|
+
"name": "ListItem",
|
|
7578
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
7579
|
+
}
|
|
7580
|
+
},
|
|
7581
|
+
{
|
|
7582
|
+
"description": "slot for list item tertiary label.",
|
|
7583
|
+
"name": "leading-text-tertiary-label",
|
|
7584
|
+
"inheritedFrom": {
|
|
7585
|
+
"name": "ListItem",
|
|
7586
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
7587
|
+
}
|
|
7588
|
+
},
|
|
7589
|
+
{
|
|
7590
|
+
"description": "slot for list item side header text.",
|
|
7591
|
+
"name": "trailing-text-side-header",
|
|
7592
|
+
"inheritedFrom": {
|
|
7593
|
+
"name": "ListItem",
|
|
7594
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
7595
|
+
}
|
|
7596
|
+
},
|
|
7597
|
+
{
|
|
7598
|
+
"description": "slot for list item subline text.",
|
|
7599
|
+
"name": "trailing-text-subline",
|
|
7600
|
+
"inheritedFrom": {
|
|
7601
|
+
"name": "ListItem",
|
|
7602
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
7603
|
+
}
|
|
7604
|
+
},
|
|
7605
|
+
{
|
|
7606
|
+
"description": "slot for list item controls to appear of trailing end.",
|
|
7607
|
+
"name": "trailing-controls",
|
|
7608
|
+
"inheritedFrom": {
|
|
7609
|
+
"name": "ListItem",
|
|
7610
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
7611
|
+
}
|
|
7612
|
+
}
|
|
7613
|
+
],
|
|
7614
|
+
"members": [
|
|
7615
|
+
{
|
|
7616
|
+
"kind": "field",
|
|
7617
|
+
"name": "selected",
|
|
7618
|
+
"type": {
|
|
7619
|
+
"text": "boolean"
|
|
7620
|
+
},
|
|
7621
|
+
"default": "false",
|
|
7622
|
+
"description": "The selected attribute is used to indicate that the option is selected.",
|
|
7623
|
+
"attribute": "selected",
|
|
7624
|
+
"reflects": true
|
|
7625
|
+
},
|
|
7626
|
+
{
|
|
7627
|
+
"kind": "field",
|
|
7628
|
+
"name": "prefixIcon",
|
|
7629
|
+
"type": {
|
|
7630
|
+
"text": "IconNames | undefined"
|
|
7631
|
+
},
|
|
7632
|
+
"description": "The prefix icon attribute is used to display the icon name on the left of the option label.",
|
|
7633
|
+
"attribute": "prefix-icon",
|
|
7634
|
+
"reflects": true
|
|
7635
|
+
},
|
|
7636
|
+
{
|
|
7637
|
+
"kind": "field",
|
|
7638
|
+
"name": "ariaLabel",
|
|
7639
|
+
"type": {
|
|
7640
|
+
"text": "string | null"
|
|
7641
|
+
},
|
|
7642
|
+
"default": "null",
|
|
7643
|
+
"description": "Any additional description can be provided here for screen readers.",
|
|
7644
|
+
"attribute": "aria-label",
|
|
7645
|
+
"reflects": true
|
|
7646
|
+
},
|
|
7647
|
+
{
|
|
7648
|
+
"kind": "method",
|
|
7649
|
+
"name": "handleDefaultSlotChange",
|
|
7650
|
+
"privacy": "private",
|
|
7651
|
+
"description": "Listens to changes in the default slot and updates the label of the option accordingly.\nThis is used to set the label of the option when it is not explicitly set.\nIt is called internally when the slot is changed."
|
|
7652
|
+
},
|
|
7653
|
+
{
|
|
7654
|
+
"kind": "method",
|
|
7655
|
+
"name": "updateAttribute",
|
|
7656
|
+
"privacy": "private",
|
|
7657
|
+
"return": {
|
|
7658
|
+
"type": {
|
|
7659
|
+
"text": "void"
|
|
7660
|
+
}
|
|
7661
|
+
},
|
|
7662
|
+
"parameters": [
|
|
7663
|
+
{
|
|
7664
|
+
"name": "attributeName",
|
|
7665
|
+
"type": {
|
|
7666
|
+
"text": "string"
|
|
7667
|
+
}
|
|
7668
|
+
},
|
|
7669
|
+
{
|
|
7670
|
+
"name": "value",
|
|
7671
|
+
"type": {
|
|
7672
|
+
"text": "string"
|
|
7673
|
+
}
|
|
7674
|
+
}
|
|
7675
|
+
],
|
|
7676
|
+
"description": "Updates the attribute of the option to reflect the current state."
|
|
7677
|
+
},
|
|
7678
|
+
{
|
|
7679
|
+
"kind": "field",
|
|
7680
|
+
"name": "role",
|
|
7681
|
+
"type": {
|
|
7682
|
+
"text": "string"
|
|
7683
|
+
},
|
|
7684
|
+
"default": "'option'",
|
|
7685
|
+
"inheritedFrom": {
|
|
7686
|
+
"name": "ListItem",
|
|
7687
|
+
"module": "components/listitem/listitem.component.js"
|
|
7688
|
+
}
|
|
7689
|
+
},
|
|
7690
|
+
{
|
|
7691
|
+
"kind": "field",
|
|
7692
|
+
"name": "variant",
|
|
7693
|
+
"type": {
|
|
7694
|
+
"text": "ListItemVariants"
|
|
7695
|
+
},
|
|
7696
|
+
"description": "The variant of the list item. It can be a pill, rectangle or a full-width.",
|
|
7697
|
+
"default": "'full-width'",
|
|
7698
|
+
"attribute": "variant",
|
|
7699
|
+
"reflects": true,
|
|
7700
|
+
"inheritedFrom": {
|
|
7701
|
+
"name": "ListItem",
|
|
7702
|
+
"module": "components/listitem/listitem.component.js"
|
|
7703
|
+
}
|
|
7704
|
+
},
|
|
7705
|
+
{
|
|
7706
|
+
"kind": "field",
|
|
7707
|
+
"name": "name",
|
|
7708
|
+
"type": {
|
|
7709
|
+
"text": "string"
|
|
7710
|
+
},
|
|
7711
|
+
"default": "undefined as unknown",
|
|
7712
|
+
"description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
|
|
7713
|
+
"attribute": "name",
|
|
7714
|
+
"reflects": true,
|
|
7715
|
+
"inheritedFrom": {
|
|
7716
|
+
"name": "FormInternalsMixin",
|
|
7717
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
|
7718
|
+
}
|
|
7719
|
+
},
|
|
7720
|
+
{
|
|
7721
|
+
"kind": "field",
|
|
7722
|
+
"name": "secondaryLabel",
|
|
7723
|
+
"type": {
|
|
7724
|
+
"text": "string | undefined"
|
|
7725
|
+
},
|
|
7726
|
+
"description": "The secondary label of the list item.\nThis appears on the leading side of the list item.",
|
|
7727
|
+
"attribute": "secondary-label",
|
|
7728
|
+
"reflects": true,
|
|
7729
|
+
"default": "undefined as unknown",
|
|
7730
|
+
"inheritedFrom": {
|
|
7731
|
+
"name": "ListItem",
|
|
7732
|
+
"module": "components/listitem/listitem.component.js"
|
|
7733
|
+
}
|
|
7734
|
+
},
|
|
7735
|
+
{
|
|
7736
|
+
"kind": "field",
|
|
7737
|
+
"name": "sideHeaderText",
|
|
7738
|
+
"type": {
|
|
7739
|
+
"text": "string | undefined"
|
|
7740
|
+
},
|
|
7741
|
+
"description": "The header text of the list item.\nThis appears on the trailing side of the list item.",
|
|
7742
|
+
"attribute": "side-header-text",
|
|
7743
|
+
"reflects": true,
|
|
7744
|
+
"default": "undefined as unknown",
|
|
7745
|
+
"inheritedFrom": {
|
|
7746
|
+
"name": "ListItem",
|
|
7747
|
+
"module": "components/listitem/listitem.component.js"
|
|
7748
|
+
}
|
|
7749
|
+
},
|
|
7750
|
+
{
|
|
7751
|
+
"kind": "field",
|
|
7752
|
+
"name": "sublineText",
|
|
7753
|
+
"type": {
|
|
7754
|
+
"text": "string | undefined"
|
|
7755
|
+
},
|
|
7756
|
+
"description": "The subline text of the list item.\nThis appears on the trailing side of the list item.",
|
|
7757
|
+
"attribute": "subline-text",
|
|
7758
|
+
"reflects": true,
|
|
7759
|
+
"default": "undefined as unknown",
|
|
7760
|
+
"inheritedFrom": {
|
|
7761
|
+
"name": "ListItem",
|
|
7762
|
+
"module": "components/listitem/listitem.component.js"
|
|
7763
|
+
}
|
|
7764
|
+
},
|
|
7765
|
+
{
|
|
7766
|
+
"kind": "field",
|
|
7767
|
+
"name": "dataAriaLabel",
|
|
7768
|
+
"type": {
|
|
7769
|
+
"text": "string | null"
|
|
7770
|
+
},
|
|
7771
|
+
"default": "undefined as unknown",
|
|
7772
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
7773
|
+
"attribute": "data-aria-label",
|
|
7774
|
+
"reflects": true,
|
|
7775
|
+
"inheritedFrom": {
|
|
7776
|
+
"name": "ListItem",
|
|
7777
|
+
"module": "components/listitem/listitem.component.js"
|
|
7778
|
+
}
|
|
7779
|
+
},
|
|
7780
|
+
{
|
|
7781
|
+
"kind": "field",
|
|
7782
|
+
"name": "value",
|
|
7783
|
+
"type": {
|
|
7784
|
+
"text": "string"
|
|
7785
|
+
},
|
|
7786
|
+
"default": "''",
|
|
7787
|
+
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
|
7788
|
+
"attribute": "value",
|
|
7789
|
+
"reflects": true,
|
|
7790
|
+
"inheritedFrom": {
|
|
7791
|
+
"name": "FormInternalsMixin",
|
|
7792
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
|
7793
|
+
}
|
|
7794
|
+
},
|
|
7795
|
+
{
|
|
7796
|
+
"kind": "field",
|
|
7797
|
+
"name": "validationMessage",
|
|
7798
|
+
"type": {
|
|
7799
|
+
"text": "string | undefined"
|
|
7800
|
+
},
|
|
7801
|
+
"description": "Custom validation message that will override the default message and displayed when the input is invalid.",
|
|
7802
|
+
"attribute": "validation-message",
|
|
7803
|
+
"reflects": true,
|
|
7804
|
+
"inheritedFrom": {
|
|
7805
|
+
"name": "FormInternalsMixin",
|
|
7806
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
|
7807
|
+
}
|
|
7808
|
+
},
|
|
7809
|
+
{
|
|
7810
|
+
"kind": "field",
|
|
7811
|
+
"name": "validity",
|
|
7812
|
+
"type": {
|
|
7813
|
+
"text": "ValidityState"
|
|
7814
|
+
},
|
|
7815
|
+
"readonly": true,
|
|
7816
|
+
"inheritedFrom": {
|
|
7817
|
+
"name": "FormInternalsMixin",
|
|
7818
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
|
7819
|
+
}
|
|
7820
|
+
},
|
|
7821
|
+
{
|
|
7822
|
+
"kind": "field",
|
|
7823
|
+
"name": "willValidate",
|
|
7824
|
+
"readonly": true,
|
|
7825
|
+
"inheritedFrom": {
|
|
7826
|
+
"name": "FormInternalsMixin",
|
|
7827
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
|
7828
|
+
}
|
|
7829
|
+
},
|
|
7830
|
+
{
|
|
7831
|
+
"kind": "method",
|
|
7832
|
+
"name": "setValidity",
|
|
7833
|
+
"description": "Sets the validity of the input field based on the input field's validity.",
|
|
7834
|
+
"return": {
|
|
7835
|
+
"type": {
|
|
7836
|
+
"text": ""
|
|
7837
|
+
}
|
|
7838
|
+
},
|
|
7839
|
+
"inheritedFrom": {
|
|
7840
|
+
"name": "FormInternalsMixin",
|
|
7841
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
|
7842
|
+
}
|
|
7843
|
+
},
|
|
7844
|
+
{
|
|
7845
|
+
"kind": "method",
|
|
7846
|
+
"name": "checkValidity",
|
|
7847
|
+
"return": {
|
|
7848
|
+
"type": {
|
|
7849
|
+
"text": "boolean"
|
|
7850
|
+
}
|
|
7851
|
+
},
|
|
7852
|
+
"inheritedFrom": {
|
|
7853
|
+
"name": "FormInternalsMixin",
|
|
7854
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
|
7855
|
+
}
|
|
7856
|
+
},
|
|
7857
|
+
{
|
|
7858
|
+
"kind": "method",
|
|
7859
|
+
"name": "reportValidity",
|
|
7860
|
+
"inheritedFrom": {
|
|
7861
|
+
"name": "FormInternalsMixin",
|
|
7862
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
|
7863
|
+
}
|
|
7864
|
+
},
|
|
7865
|
+
{
|
|
7866
|
+
"kind": "field",
|
|
7867
|
+
"name": "id",
|
|
7868
|
+
"default": "`mdc-input-${uuidv4()}`",
|
|
7869
|
+
"inheritedFrom": {
|
|
7870
|
+
"name": "FormInternalsMixin",
|
|
7871
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
|
7872
|
+
}
|
|
7873
|
+
},
|
|
7874
|
+
{
|
|
7875
|
+
"kind": "field",
|
|
7876
|
+
"name": "disabled",
|
|
7877
|
+
"type": {
|
|
7878
|
+
"text": "boolean"
|
|
7879
|
+
},
|
|
7880
|
+
"default": "false",
|
|
7881
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
7882
|
+
"attribute": "disabled",
|
|
7883
|
+
"reflects": true,
|
|
7884
|
+
"inheritedFrom": {
|
|
7885
|
+
"name": "ListItem",
|
|
7886
|
+
"module": "components/listitem/listitem.component.js"
|
|
7887
|
+
}
|
|
7888
|
+
},
|
|
7889
|
+
{
|
|
7890
|
+
"kind": "field",
|
|
7891
|
+
"name": "tabIndex",
|
|
7892
|
+
"type": {
|
|
7893
|
+
"text": "number"
|
|
7894
|
+
},
|
|
7895
|
+
"default": "0",
|
|
7896
|
+
"description": "This property specifies the tab order of the element.",
|
|
7897
|
+
"attribute": "tabIndex",
|
|
7898
|
+
"reflects": true,
|
|
7899
|
+
"inheritedFrom": {
|
|
7900
|
+
"name": "ListItem",
|
|
7901
|
+
"module": "components/listitem/listitem.component.js"
|
|
7902
|
+
}
|
|
7903
|
+
},
|
|
7904
|
+
{
|
|
7905
|
+
"kind": "field",
|
|
7906
|
+
"name": "label",
|
|
7907
|
+
"type": {
|
|
7908
|
+
"text": "string | undefined"
|
|
7909
|
+
},
|
|
7910
|
+
"description": "The primary label of the list item.\nThis appears on the leading side of the list item.",
|
|
7911
|
+
"attribute": "label",
|
|
7912
|
+
"reflects": true,
|
|
7913
|
+
"inheritedFrom": {
|
|
7914
|
+
"name": "ListItem",
|
|
7915
|
+
"module": "components/listitem/listitem.component.js"
|
|
7916
|
+
}
|
|
7917
|
+
},
|
|
7918
|
+
{
|
|
7919
|
+
"kind": "field",
|
|
7920
|
+
"name": "tertiaryLabel",
|
|
7921
|
+
"type": {
|
|
7922
|
+
"text": "string | undefined"
|
|
7923
|
+
},
|
|
7924
|
+
"description": "The tertiary label of the list item.\nThis appears on the leading side of the list item.",
|
|
7925
|
+
"attribute": "tertiary-label",
|
|
7926
|
+
"reflects": true,
|
|
7927
|
+
"inheritedFrom": {
|
|
7928
|
+
"name": "ListItem",
|
|
7929
|
+
"module": "components/listitem/listitem.component.js"
|
|
7930
|
+
}
|
|
7931
|
+
},
|
|
7932
|
+
{
|
|
7933
|
+
"kind": "method",
|
|
7934
|
+
"name": "getText",
|
|
7935
|
+
"privacy": "protected",
|
|
7936
|
+
"return": {
|
|
7937
|
+
"type": {
|
|
7938
|
+
"text": ""
|
|
7939
|
+
}
|
|
7940
|
+
},
|
|
7941
|
+
"parameters": [
|
|
7942
|
+
{
|
|
7943
|
+
"name": "slotName",
|
|
7944
|
+
"type": {
|
|
7945
|
+
"text": "string"
|
|
7946
|
+
},
|
|
7947
|
+
"description": "The name of the slot to be used."
|
|
7948
|
+
},
|
|
7949
|
+
{
|
|
7950
|
+
"name": "type",
|
|
7951
|
+
"type": {
|
|
7952
|
+
"text": "TextType"
|
|
7953
|
+
},
|
|
7954
|
+
"description": "The type of the text element."
|
|
7955
|
+
},
|
|
7956
|
+
{
|
|
7957
|
+
"name": "content",
|
|
7958
|
+
"optional": true,
|
|
7959
|
+
"type": {
|
|
7960
|
+
"text": "string"
|
|
7961
|
+
},
|
|
7962
|
+
"description": "The text content to be displayed within the slot."
|
|
7963
|
+
}
|
|
7964
|
+
],
|
|
7965
|
+
"description": "Generates a template for a text slot with the specified content.",
|
|
7966
|
+
"inheritedFrom": {
|
|
7967
|
+
"name": "ListItem",
|
|
7968
|
+
"module": "components/listitem/listitem.component.js"
|
|
7969
|
+
}
|
|
7970
|
+
},
|
|
7971
|
+
{
|
|
7972
|
+
"kind": "method",
|
|
7973
|
+
"name": "disableSlottedChildren",
|
|
7974
|
+
"privacy": "private",
|
|
7975
|
+
"return": {
|
|
7976
|
+
"type": {
|
|
7977
|
+
"text": "void"
|
|
7978
|
+
}
|
|
7979
|
+
},
|
|
7980
|
+
"parameters": [
|
|
7981
|
+
{
|
|
7982
|
+
"name": "disabled",
|
|
7983
|
+
"type": {
|
|
7984
|
+
"text": "boolean"
|
|
7985
|
+
},
|
|
7986
|
+
"description": "Whether to disable or enable the controls."
|
|
7987
|
+
}
|
|
7988
|
+
],
|
|
7989
|
+
"description": "Disable or enable all slotted elements in the leading and trailing slots.\nThis is useful when the list item is disabled, to prevent the user from interacting with the controls.",
|
|
7990
|
+
"inheritedFrom": {
|
|
7991
|
+
"name": "ListItem",
|
|
7992
|
+
"module": "components/listitem/listitem.component.js"
|
|
7993
|
+
}
|
|
7994
|
+
}
|
|
7995
|
+
],
|
|
7996
|
+
"events": [
|
|
7997
|
+
{
|
|
7998
|
+
"description": "(React: onClick) This event is dispatched when the option is clicked.",
|
|
7999
|
+
"name": "click",
|
|
8000
|
+
"reactName": "onClick",
|
|
8001
|
+
"eventName": "ClickEvent",
|
|
8002
|
+
"inheritedFrom": {
|
|
8003
|
+
"name": "ListItem",
|
|
8004
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8005
|
+
}
|
|
8006
|
+
},
|
|
8007
|
+
{
|
|
8008
|
+
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the option.",
|
|
8009
|
+
"name": "keydown",
|
|
8010
|
+
"reactName": "onKeyDown",
|
|
8011
|
+
"eventName": "KeydownEvent",
|
|
8012
|
+
"inheritedFrom": {
|
|
8013
|
+
"name": "ListItem",
|
|
8014
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8015
|
+
}
|
|
8016
|
+
},
|
|
8017
|
+
{
|
|
8018
|
+
"description": "(React: onKeyUp) This event is dispatched when a key is released on the option.",
|
|
8019
|
+
"name": "keyup",
|
|
8020
|
+
"reactName": "onKeyUp",
|
|
8021
|
+
"eventName": "KeyupEvent",
|
|
8022
|
+
"inheritedFrom": {
|
|
8023
|
+
"name": "ListItem",
|
|
8024
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8025
|
+
}
|
|
8026
|
+
},
|
|
8027
|
+
{
|
|
8028
|
+
"description": "(React: onFocus) This event is dispatched when the option receives focus.",
|
|
8029
|
+
"name": "focus",
|
|
8030
|
+
"reactName": "onFocus",
|
|
8031
|
+
"eventName": "FocusEvent",
|
|
8032
|
+
"inheritedFrom": {
|
|
8033
|
+
"name": "ListItem",
|
|
8034
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8035
|
+
}
|
|
8036
|
+
}
|
|
8037
|
+
],
|
|
8038
|
+
"attributes": [
|
|
8039
|
+
{
|
|
8040
|
+
"name": "selected",
|
|
8041
|
+
"type": {
|
|
8042
|
+
"text": "boolean"
|
|
8043
|
+
},
|
|
8044
|
+
"default": "false",
|
|
8045
|
+
"description": "The selected attribute is used to indicate that the option is selected.",
|
|
8046
|
+
"fieldName": "selected"
|
|
8047
|
+
},
|
|
8048
|
+
{
|
|
8049
|
+
"name": "prefix-icon",
|
|
8050
|
+
"type": {
|
|
8051
|
+
"text": "IconNames | undefined"
|
|
8052
|
+
},
|
|
8053
|
+
"description": "The prefix icon attribute is used to display the icon name on the left of the option label.",
|
|
8054
|
+
"fieldName": "prefixIcon"
|
|
8055
|
+
},
|
|
8056
|
+
{
|
|
8057
|
+
"name": "aria-label",
|
|
8058
|
+
"type": {
|
|
8059
|
+
"text": "string | null"
|
|
8060
|
+
},
|
|
8061
|
+
"default": "null",
|
|
8062
|
+
"description": "Any additional description can be provided here for screen readers.",
|
|
8063
|
+
"fieldName": "ariaLabel"
|
|
8064
|
+
},
|
|
8065
|
+
{
|
|
8066
|
+
"name": "name",
|
|
8067
|
+
"type": {
|
|
8068
|
+
"text": "string"
|
|
8069
|
+
},
|
|
8070
|
+
"default": "''",
|
|
8071
|
+
"description": "Indicates the name of the component group.\nThey are used to group elements in a form together.",
|
|
8072
|
+
"fieldName": "name",
|
|
8073
|
+
"inheritedFrom": {
|
|
8074
|
+
"name": "FormInternalsMixin",
|
|
8075
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
|
8076
|
+
}
|
|
8077
|
+
},
|
|
8078
|
+
{
|
|
8079
|
+
"name": "value",
|
|
8080
|
+
"type": {
|
|
8081
|
+
"text": "string"
|
|
8082
|
+
},
|
|
8083
|
+
"default": "''",
|
|
8084
|
+
"description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
|
|
8085
|
+
"fieldName": "value",
|
|
8086
|
+
"inheritedFrom": {
|
|
8087
|
+
"name": "FormInternalsMixin",
|
|
8088
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
|
8089
|
+
}
|
|
8090
|
+
},
|
|
8091
|
+
{
|
|
8092
|
+
"name": "validation-message",
|
|
8093
|
+
"type": {
|
|
8094
|
+
"text": "string | undefined"
|
|
8095
|
+
},
|
|
8096
|
+
"description": "Custom validation message that will override the default message and displayed when the input is invalid.",
|
|
8097
|
+
"fieldName": "validationMessage",
|
|
8098
|
+
"inheritedFrom": {
|
|
8099
|
+
"name": "FormInternalsMixin",
|
|
8100
|
+
"module": "src/utils/mixins/FormInternalsMixin.ts"
|
|
8101
|
+
}
|
|
8102
|
+
},
|
|
8103
|
+
{
|
|
8104
|
+
"name": "data-aria-label",
|
|
8105
|
+
"type": {
|
|
8106
|
+
"text": "string | null"
|
|
8107
|
+
},
|
|
8108
|
+
"default": "null",
|
|
8109
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
8110
|
+
"fieldName": "dataAriaLabel",
|
|
8111
|
+
"inheritedFrom": {
|
|
8112
|
+
"name": "ListItem",
|
|
8113
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8114
|
+
}
|
|
8115
|
+
},
|
|
8116
|
+
{
|
|
8117
|
+
"name": "disabled",
|
|
8118
|
+
"type": {
|
|
8119
|
+
"text": "boolean"
|
|
8120
|
+
},
|
|
8121
|
+
"default": "false",
|
|
8122
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
8123
|
+
"fieldName": "disabled",
|
|
8124
|
+
"inheritedFrom": {
|
|
8125
|
+
"name": "ListItem",
|
|
8126
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8127
|
+
}
|
|
8128
|
+
},
|
|
8129
|
+
{
|
|
8130
|
+
"name": "tabIndex",
|
|
8131
|
+
"type": {
|
|
8132
|
+
"text": "number"
|
|
8133
|
+
},
|
|
8134
|
+
"default": "0",
|
|
8135
|
+
"description": "This property specifies the tab order of the element.",
|
|
8136
|
+
"fieldName": "tabIndex",
|
|
8137
|
+
"inheritedFrom": {
|
|
8138
|
+
"name": "ListItem",
|
|
8139
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8140
|
+
}
|
|
8141
|
+
},
|
|
8142
|
+
{
|
|
8143
|
+
"name": "variant",
|
|
8144
|
+
"type": {
|
|
8145
|
+
"text": "ListItemVariants"
|
|
8146
|
+
},
|
|
8147
|
+
"description": "The variant of the list item. It can be a pill, rectangle or a full-width.",
|
|
8148
|
+
"default": "'full-width'",
|
|
8149
|
+
"fieldName": "variant",
|
|
8150
|
+
"inheritedFrom": {
|
|
8151
|
+
"name": "ListItem",
|
|
8152
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8153
|
+
}
|
|
8154
|
+
},
|
|
8155
|
+
{
|
|
8156
|
+
"name": "label",
|
|
8157
|
+
"type": {
|
|
8158
|
+
"text": "string | undefined"
|
|
8159
|
+
},
|
|
8160
|
+
"description": "The primary label of the list item.\nThis appears on the leading side of the list item.",
|
|
8161
|
+
"fieldName": "label",
|
|
8162
|
+
"inheritedFrom": {
|
|
8163
|
+
"name": "ListItem",
|
|
8164
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8165
|
+
}
|
|
8166
|
+
},
|
|
8167
|
+
{
|
|
8168
|
+
"name": "secondary-label",
|
|
8169
|
+
"type": {
|
|
8170
|
+
"text": "string | undefined"
|
|
8171
|
+
},
|
|
8172
|
+
"description": "The secondary label of the list item.\nThis appears on the leading side of the list item.",
|
|
8173
|
+
"fieldName": "secondaryLabel",
|
|
8174
|
+
"inheritedFrom": {
|
|
8175
|
+
"name": "ListItem",
|
|
8176
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8177
|
+
}
|
|
8178
|
+
},
|
|
8179
|
+
{
|
|
8180
|
+
"name": "tertiary-label",
|
|
8181
|
+
"type": {
|
|
8182
|
+
"text": "string | undefined"
|
|
8183
|
+
},
|
|
8184
|
+
"description": "The tertiary label of the list item.\nThis appears on the leading side of the list item.",
|
|
8185
|
+
"fieldName": "tertiaryLabel",
|
|
8186
|
+
"inheritedFrom": {
|
|
8187
|
+
"name": "ListItem",
|
|
8188
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8189
|
+
}
|
|
8190
|
+
},
|
|
8191
|
+
{
|
|
8192
|
+
"name": "side-header-text",
|
|
8193
|
+
"type": {
|
|
8194
|
+
"text": "string | undefined"
|
|
8195
|
+
},
|
|
8196
|
+
"description": "The header text of the list item.\nThis appears on the trailing side of the list item.",
|
|
8197
|
+
"fieldName": "sideHeaderText",
|
|
8198
|
+
"inheritedFrom": {
|
|
8199
|
+
"name": "ListItem",
|
|
8200
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8201
|
+
}
|
|
8202
|
+
},
|
|
8203
|
+
{
|
|
8204
|
+
"name": "subline-text",
|
|
8205
|
+
"type": {
|
|
8206
|
+
"text": "string | undefined"
|
|
8207
|
+
},
|
|
8208
|
+
"description": "The subline text of the list item.\nThis appears on the trailing side of the list item.",
|
|
8209
|
+
"fieldName": "sublineText",
|
|
8210
|
+
"inheritedFrom": {
|
|
8211
|
+
"name": "ListItem",
|
|
8212
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8213
|
+
}
|
|
8214
|
+
}
|
|
8215
|
+
],
|
|
8216
|
+
"mixins": [
|
|
8217
|
+
{
|
|
8218
|
+
"name": "FormInternalsMixin",
|
|
8219
|
+
"module": "/src/utils/mixins/FormInternalsMixin"
|
|
8220
|
+
}
|
|
8221
|
+
],
|
|
8222
|
+
"superclass": {
|
|
8223
|
+
"name": "ListItem",
|
|
8224
|
+
"module": "/src/components/listitem/listitem.component"
|
|
8225
|
+
},
|
|
8226
|
+
"tagName": "mdc-option",
|
|
8227
|
+
"jsDoc": "/**\n * option component, which is used as a list item in a select component.<br/>\n * We can pass an icon which will be displayed in leading position of the option label text.\n *\n * @tagname mdc-option\n *\n * @slot default - This is a default/unnamed slot\n *\n * @event click - (React: onClick) This event is dispatched when the option is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the option.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the option.\n * @event focus - (React: onFocus) This event is dispatched when the option receives focus.\n */",
|
|
8228
|
+
"customElement": true,
|
|
8229
|
+
"cssProperties": [
|
|
8230
|
+
{
|
|
8231
|
+
"description": "Allows customization of the default background color.",
|
|
8232
|
+
"name": "--mdc-listitem-default-background-color",
|
|
8233
|
+
"inheritedFrom": {
|
|
8234
|
+
"name": "ListItem",
|
|
8235
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8236
|
+
}
|
|
8237
|
+
},
|
|
8238
|
+
{
|
|
8239
|
+
"description": "Allows customization of the background color on hover.",
|
|
8240
|
+
"name": "--mdc-listitem-background-color-hover",
|
|
8241
|
+
"inheritedFrom": {
|
|
8242
|
+
"name": "ListItem",
|
|
8243
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8244
|
+
}
|
|
8245
|
+
},
|
|
8246
|
+
{
|
|
8247
|
+
"description": "Allows customization of the background color when pressed.",
|
|
8248
|
+
"name": "--mdc-listitem-background-color-active",
|
|
8249
|
+
"inheritedFrom": {
|
|
8250
|
+
"name": "ListItem",
|
|
8251
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8252
|
+
}
|
|
8253
|
+
},
|
|
8254
|
+
{
|
|
8255
|
+
"description": "Allows customization of the primary label, side header and subline text slot color.",
|
|
8256
|
+
"name": "--mdc-listitem-primary-label-color",
|
|
8257
|
+
"inheritedFrom": {
|
|
8258
|
+
"name": "ListItem",
|
|
8259
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8260
|
+
}
|
|
8261
|
+
},
|
|
8262
|
+
{
|
|
8263
|
+
"description": "Allows customization of the secondary and teritary label text slot color.",
|
|
8264
|
+
"name": "--mdc-listitem-secondary-label-color",
|
|
8265
|
+
"inheritedFrom": {
|
|
8266
|
+
"name": "ListItem",
|
|
8267
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8268
|
+
}
|
|
8269
|
+
},
|
|
8270
|
+
{
|
|
8271
|
+
"description": "Allows customization of the disabled color.",
|
|
8272
|
+
"name": "--mdc-listitem-disabled-color",
|
|
8273
|
+
"inheritedFrom": {
|
|
8274
|
+
"name": "ListItem",
|
|
8275
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
8276
|
+
}
|
|
8277
|
+
}
|
|
8278
|
+
]
|
|
8279
|
+
}
|
|
8280
|
+
],
|
|
8281
|
+
"exports": [
|
|
8282
|
+
{
|
|
8283
|
+
"kind": "js",
|
|
8284
|
+
"name": "default",
|
|
8285
|
+
"declaration": {
|
|
8286
|
+
"name": "Option",
|
|
8287
|
+
"module": "components/option/option.component.js"
|
|
8288
|
+
}
|
|
8289
|
+
}
|
|
8290
|
+
]
|
|
8291
|
+
},
|
|
7410
8292
|
{
|
|
7411
8293
|
"kind": "javascript-module",
|
|
7412
8294
|
"path": "components/popover/popover.component.js",
|