@momentum-design/components 0.129.18 → 0.129.20
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 +204 -204
- package/dist/browser/index.js.map +4 -4
- package/dist/components/formfieldwrapper/formfieldwrapper.component.d.ts +5 -0
- package/dist/components/formfieldwrapper/formfieldwrapper.component.js +5 -0
- package/dist/components/formfieldwrapper/formfieldwrapper.constants.d.ts +1 -1
- package/dist/components/formfieldwrapper/formfieldwrapper.constants.js +3 -2
- package/dist/components/select/select.component.d.ts +2 -2
- package/dist/components/select/select.component.js +2 -2
- package/dist/components/virtualizedlist/virtualizedlist.component.d.ts +17 -4
- package/dist/components/virtualizedlist/virtualizedlist.component.js +17 -4
- package/dist/custom-elements.json +98 -10
- package/dist/react/select/index.d.ts +2 -2
- package/dist/react/select/index.js +2 -2
- package/dist/react/virtualizedlist/index.d.ts +17 -4
- package/dist/react/virtualizedlist/index.js +17 -4
- package/package.json +1 -1
|
@@ -153,8 +153,8 @@
|
|
|
153
153
|
"attribute": "disabled",
|
|
154
154
|
"reflects": true,
|
|
155
155
|
"inheritedFrom": {
|
|
156
|
-
"name": "
|
|
157
|
-
"module": "
|
|
156
|
+
"name": "AccordionButton",
|
|
157
|
+
"module": "components/accordionbutton/accordionbutton.component.js"
|
|
158
158
|
}
|
|
159
159
|
},
|
|
160
160
|
{
|
|
@@ -412,8 +412,8 @@
|
|
|
412
412
|
"default": "undefined",
|
|
413
413
|
"fieldName": "disabled",
|
|
414
414
|
"inheritedFrom": {
|
|
415
|
-
"name": "
|
|
416
|
-
"module": "src/
|
|
415
|
+
"name": "AccordionButton",
|
|
416
|
+
"module": "src/components/accordionbutton/accordionbutton.component.ts"
|
|
417
417
|
}
|
|
418
418
|
},
|
|
419
419
|
{
|
|
@@ -10579,9 +10579,9 @@
|
|
|
10579
10579
|
"text": "ValidationType"
|
|
10580
10580
|
},
|
|
10581
10581
|
"description": "The type of help text/validation. It can be 'default' or 'error'.",
|
|
10582
|
+
"default": "'default'",
|
|
10582
10583
|
"attribute": "help-text-type",
|
|
10583
10584
|
"reflects": true,
|
|
10584
|
-
"default": "'default'",
|
|
10585
10585
|
"inheritedFrom": {
|
|
10586
10586
|
"name": "FormfieldWrapper",
|
|
10587
10587
|
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
@@ -10832,6 +10832,8 @@
|
|
|
10832
10832
|
"type": {
|
|
10833
10833
|
"text": "PopoverStrategy"
|
|
10834
10834
|
},
|
|
10835
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
10836
|
+
"default": "'absolute'",
|
|
10835
10837
|
"attribute": "toggletip-strategy",
|
|
10836
10838
|
"reflects": true,
|
|
10837
10839
|
"inheritedFrom": {
|
|
@@ -10955,8 +10957,8 @@
|
|
|
10955
10957
|
"text": "ValidationType"
|
|
10956
10958
|
},
|
|
10957
10959
|
"description": "The type of help text/validation. It can be 'default' or 'error'.",
|
|
10958
|
-
"fieldName": "helpTextType",
|
|
10959
10960
|
"default": "'default'",
|
|
10961
|
+
"fieldName": "helpTextType",
|
|
10960
10962
|
"inheritedFrom": {
|
|
10961
10963
|
"name": "FormfieldWrapper",
|
|
10962
10964
|
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
@@ -11106,6 +11108,8 @@
|
|
|
11106
11108
|
"type": {
|
|
11107
11109
|
"text": "PopoverStrategy"
|
|
11108
11110
|
},
|
|
11111
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
11112
|
+
"default": "'absolute'",
|
|
11109
11113
|
"fieldName": "toggletipStrategy",
|
|
11110
11114
|
"inheritedFrom": {
|
|
11111
11115
|
"name": "FormfieldWrapper",
|
|
@@ -14308,6 +14312,7 @@
|
|
|
14308
14312
|
"text": "ValidationType"
|
|
14309
14313
|
},
|
|
14310
14314
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
14315
|
+
"default": "'default'",
|
|
14311
14316
|
"attribute": "help-text-type",
|
|
14312
14317
|
"reflects": true,
|
|
14313
14318
|
"inheritedFrom": {
|
|
@@ -14739,6 +14744,8 @@
|
|
|
14739
14744
|
"type": {
|
|
14740
14745
|
"text": "PopoverStrategy"
|
|
14741
14746
|
},
|
|
14747
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
14748
|
+
"default": "'absolute'",
|
|
14742
14749
|
"attribute": "toggletip-strategy",
|
|
14743
14750
|
"reflects": true,
|
|
14744
14751
|
"inheritedFrom": {
|
|
@@ -15103,6 +15110,7 @@
|
|
|
15103
15110
|
"text": "ValidationType"
|
|
15104
15111
|
},
|
|
15105
15112
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
15113
|
+
"default": "'default'",
|
|
15106
15114
|
"fieldName": "helpTextType",
|
|
15107
15115
|
"inheritedFrom": {
|
|
15108
15116
|
"name": "FormfieldWrapper",
|
|
@@ -15151,6 +15159,8 @@
|
|
|
15151
15159
|
"type": {
|
|
15152
15160
|
"text": "PopoverStrategy"
|
|
15153
15161
|
},
|
|
15162
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
15163
|
+
"default": "'absolute'",
|
|
15154
15164
|
"fieldName": "toggletipStrategy",
|
|
15155
15165
|
"inheritedFrom": {
|
|
15156
15166
|
"name": "FormfieldWrapper",
|
|
@@ -17640,6 +17650,7 @@
|
|
|
17640
17650
|
"text": "ValidationType"
|
|
17641
17651
|
},
|
|
17642
17652
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
17653
|
+
"default": "'default'",
|
|
17643
17654
|
"attribute": "help-text-type",
|
|
17644
17655
|
"reflects": true,
|
|
17645
17656
|
"inheritedFrom": {
|
|
@@ -17816,6 +17827,8 @@
|
|
|
17816
17827
|
"type": {
|
|
17817
17828
|
"text": "PopoverStrategy"
|
|
17818
17829
|
},
|
|
17830
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
17831
|
+
"default": "'absolute'",
|
|
17819
17832
|
"attribute": "toggletip-strategy",
|
|
17820
17833
|
"reflects": true,
|
|
17821
17834
|
"inheritedFrom": {
|
|
@@ -17909,6 +17922,7 @@
|
|
|
17909
17922
|
"text": "ValidationType"
|
|
17910
17923
|
},
|
|
17911
17924
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
17925
|
+
"default": "'default'",
|
|
17912
17926
|
"fieldName": "helpTextType",
|
|
17913
17927
|
"inheritedFrom": {
|
|
17914
17928
|
"name": "FormfieldWrapper",
|
|
@@ -17957,6 +17971,8 @@
|
|
|
17957
17971
|
"type": {
|
|
17958
17972
|
"text": "PopoverStrategy"
|
|
17959
17973
|
},
|
|
17974
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
17975
|
+
"default": "'absolute'",
|
|
17960
17976
|
"fieldName": "toggletipStrategy",
|
|
17961
17977
|
"inheritedFrom": {
|
|
17962
17978
|
"name": "FormfieldWrapper",
|
|
@@ -18146,6 +18162,7 @@
|
|
|
18146
18162
|
"text": "ValidationType"
|
|
18147
18163
|
},
|
|
18148
18164
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
18165
|
+
"default": "'default'",
|
|
18149
18166
|
"attribute": "help-text-type",
|
|
18150
18167
|
"reflects": true
|
|
18151
18168
|
},
|
|
@@ -18274,6 +18291,8 @@
|
|
|
18274
18291
|
"type": {
|
|
18275
18292
|
"text": "PopoverStrategy"
|
|
18276
18293
|
},
|
|
18294
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
18295
|
+
"default": "'absolute'",
|
|
18277
18296
|
"attribute": "toggletip-strategy",
|
|
18278
18297
|
"reflects": true
|
|
18279
18298
|
},
|
|
@@ -18312,6 +18331,7 @@
|
|
|
18312
18331
|
"text": "ValidationType"
|
|
18313
18332
|
},
|
|
18314
18333
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
18334
|
+
"default": "'default'",
|
|
18315
18335
|
"fieldName": "helpTextType"
|
|
18316
18336
|
},
|
|
18317
18337
|
{
|
|
@@ -18344,6 +18364,8 @@
|
|
|
18344
18364
|
"type": {
|
|
18345
18365
|
"text": "PopoverStrategy"
|
|
18346
18366
|
},
|
|
18367
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
18368
|
+
"default": "'absolute'",
|
|
18347
18369
|
"fieldName": "toggletipStrategy"
|
|
18348
18370
|
},
|
|
18349
18371
|
{
|
|
@@ -19587,6 +19609,7 @@
|
|
|
19587
19609
|
"text": "ValidationType"
|
|
19588
19610
|
},
|
|
19589
19611
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
19612
|
+
"default": "'default'",
|
|
19590
19613
|
"attribute": "help-text-type",
|
|
19591
19614
|
"reflects": true,
|
|
19592
19615
|
"inheritedFrom": {
|
|
@@ -19935,6 +19958,8 @@
|
|
|
19935
19958
|
"type": {
|
|
19936
19959
|
"text": "PopoverStrategy"
|
|
19937
19960
|
},
|
|
19961
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
19962
|
+
"default": "'absolute'",
|
|
19938
19963
|
"attribute": "toggletip-strategy",
|
|
19939
19964
|
"reflects": true,
|
|
19940
19965
|
"inheritedFrom": {
|
|
@@ -20291,6 +20316,7 @@
|
|
|
20291
20316
|
"text": "ValidationType"
|
|
20292
20317
|
},
|
|
20293
20318
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
20319
|
+
"default": "'default'",
|
|
20294
20320
|
"fieldName": "helpTextType",
|
|
20295
20321
|
"inheritedFrom": {
|
|
20296
20322
|
"name": "FormfieldWrapper",
|
|
@@ -20339,6 +20365,8 @@
|
|
|
20339
20365
|
"type": {
|
|
20340
20366
|
"text": "PopoverStrategy"
|
|
20341
20367
|
},
|
|
20368
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
20369
|
+
"default": "'absolute'",
|
|
20342
20370
|
"fieldName": "toggletipStrategy",
|
|
20343
20371
|
"inheritedFrom": {
|
|
20344
20372
|
"name": "FormfieldWrapper",
|
|
@@ -32525,6 +32553,7 @@
|
|
|
32525
32553
|
"text": "ValidationType"
|
|
32526
32554
|
},
|
|
32527
32555
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
32556
|
+
"default": "'default'",
|
|
32528
32557
|
"attribute": "help-text-type",
|
|
32529
32558
|
"reflects": true,
|
|
32530
32559
|
"inheritedFrom": {
|
|
@@ -32967,6 +32996,8 @@
|
|
|
32967
32996
|
"type": {
|
|
32968
32997
|
"text": "PopoverStrategy"
|
|
32969
32998
|
},
|
|
32999
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
33000
|
+
"default": "'absolute'",
|
|
32970
33001
|
"attribute": "toggletip-strategy",
|
|
32971
33002
|
"reflects": true,
|
|
32972
33003
|
"inheritedFrom": {
|
|
@@ -33152,6 +33183,7 @@
|
|
|
33152
33183
|
"text": "ValidationType"
|
|
33153
33184
|
},
|
|
33154
33185
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
33186
|
+
"default": "'default'",
|
|
33155
33187
|
"fieldName": "helpTextType",
|
|
33156
33188
|
"inheritedFrom": {
|
|
33157
33189
|
"name": "FormfieldWrapper",
|
|
@@ -33477,6 +33509,8 @@
|
|
|
33477
33509
|
"type": {
|
|
33478
33510
|
"text": "PopoverStrategy"
|
|
33479
33511
|
},
|
|
33512
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
33513
|
+
"default": "'absolute'",
|
|
33480
33514
|
"fieldName": "toggletipStrategy",
|
|
33481
33515
|
"inheritedFrom": {
|
|
33482
33516
|
"name": "FormfieldWrapper",
|
|
@@ -35639,6 +35673,7 @@
|
|
|
35639
35673
|
"text": "ValidationType"
|
|
35640
35674
|
},
|
|
35641
35675
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
35676
|
+
"default": "'default'",
|
|
35642
35677
|
"attribute": "help-text-type",
|
|
35643
35678
|
"reflects": true,
|
|
35644
35679
|
"inheritedFrom": {
|
|
@@ -35815,6 +35850,8 @@
|
|
|
35815
35850
|
"type": {
|
|
35816
35851
|
"text": "PopoverStrategy"
|
|
35817
35852
|
},
|
|
35853
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
35854
|
+
"default": "'absolute'",
|
|
35818
35855
|
"attribute": "toggletip-strategy",
|
|
35819
35856
|
"reflects": true,
|
|
35820
35857
|
"inheritedFrom": {
|
|
@@ -35944,6 +35981,7 @@
|
|
|
35944
35981
|
"text": "ValidationType"
|
|
35945
35982
|
},
|
|
35946
35983
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
35984
|
+
"default": "'default'",
|
|
35947
35985
|
"fieldName": "helpTextType",
|
|
35948
35986
|
"inheritedFrom": {
|
|
35949
35987
|
"name": "FormfieldWrapper",
|
|
@@ -35992,6 +36030,8 @@
|
|
|
35992
36030
|
"type": {
|
|
35993
36031
|
"text": "PopoverStrategy"
|
|
35994
36032
|
},
|
|
36033
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
36034
|
+
"default": "'absolute'",
|
|
35995
36035
|
"fieldName": "toggletipStrategy",
|
|
35996
36036
|
"inheritedFrom": {
|
|
35997
36037
|
"name": "FormfieldWrapper",
|
|
@@ -36368,6 +36408,7 @@
|
|
|
36368
36408
|
"text": "ValidationType"
|
|
36369
36409
|
},
|
|
36370
36410
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
36411
|
+
"default": "'default'",
|
|
36371
36412
|
"attribute": "help-text-type",
|
|
36372
36413
|
"reflects": true,
|
|
36373
36414
|
"inheritedFrom": {
|
|
@@ -36571,6 +36612,8 @@
|
|
|
36571
36612
|
"type": {
|
|
36572
36613
|
"text": "PopoverStrategy"
|
|
36573
36614
|
},
|
|
36615
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
36616
|
+
"default": "'absolute'",
|
|
36574
36617
|
"attribute": "toggletip-strategy",
|
|
36575
36618
|
"reflects": true,
|
|
36576
36619
|
"inheritedFrom": {
|
|
@@ -36727,6 +36770,7 @@
|
|
|
36727
36770
|
"text": "ValidationType"
|
|
36728
36771
|
},
|
|
36729
36772
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
36773
|
+
"default": "'default'",
|
|
36730
36774
|
"fieldName": "helpTextType",
|
|
36731
36775
|
"inheritedFrom": {
|
|
36732
36776
|
"name": "FormfieldWrapper",
|
|
@@ -36775,6 +36819,8 @@
|
|
|
36775
36819
|
"type": {
|
|
36776
36820
|
"text": "PopoverStrategy"
|
|
36777
36821
|
},
|
|
36822
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
36823
|
+
"default": "'absolute'",
|
|
36778
36824
|
"fieldName": "toggletipStrategy",
|
|
36779
36825
|
"inheritedFrom": {
|
|
36780
36826
|
"name": "FormfieldWrapper",
|
|
@@ -37175,6 +37221,7 @@
|
|
|
37175
37221
|
"text": "ValidationType"
|
|
37176
37222
|
},
|
|
37177
37223
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
37224
|
+
"default": "'default'",
|
|
37178
37225
|
"attribute": "help-text-type",
|
|
37179
37226
|
"reflects": true,
|
|
37180
37227
|
"inheritedFrom": {
|
|
@@ -37421,6 +37468,8 @@
|
|
|
37421
37468
|
"type": {
|
|
37422
37469
|
"text": "PopoverStrategy"
|
|
37423
37470
|
},
|
|
37471
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
37472
|
+
"default": "'absolute'",
|
|
37424
37473
|
"attribute": "toggletip-strategy",
|
|
37425
37474
|
"reflects": true,
|
|
37426
37475
|
"inheritedFrom": {
|
|
@@ -37659,6 +37708,7 @@
|
|
|
37659
37708
|
"text": "ValidationType"
|
|
37660
37709
|
},
|
|
37661
37710
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
37711
|
+
"default": "'default'",
|
|
37662
37712
|
"fieldName": "helpTextType",
|
|
37663
37713
|
"inheritedFrom": {
|
|
37664
37714
|
"name": "FormfieldWrapper",
|
|
@@ -37707,6 +37757,8 @@
|
|
|
37707
37757
|
"type": {
|
|
37708
37758
|
"text": "PopoverStrategy"
|
|
37709
37759
|
},
|
|
37760
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
37761
|
+
"default": "'absolute'",
|
|
37710
37762
|
"fieldName": "toggletipStrategy",
|
|
37711
37763
|
"inheritedFrom": {
|
|
37712
37764
|
"name": "FormfieldWrapper",
|
|
@@ -37958,6 +38010,7 @@
|
|
|
37958
38010
|
"text": "ValidationType"
|
|
37959
38011
|
},
|
|
37960
38012
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
38013
|
+
"default": "'default'",
|
|
37961
38014
|
"attribute": "help-text-type",
|
|
37962
38015
|
"reflects": true,
|
|
37963
38016
|
"inheritedFrom": {
|
|
@@ -38144,6 +38197,8 @@
|
|
|
38144
38197
|
"type": {
|
|
38145
38198
|
"text": "PopoverStrategy"
|
|
38146
38199
|
},
|
|
38200
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
38201
|
+
"default": "'absolute'",
|
|
38147
38202
|
"attribute": "toggletip-strategy",
|
|
38148
38203
|
"reflects": true,
|
|
38149
38204
|
"inheritedFrom": {
|
|
@@ -38233,6 +38288,7 @@
|
|
|
38233
38288
|
"text": "ValidationType"
|
|
38234
38289
|
},
|
|
38235
38290
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
38291
|
+
"default": "'default'",
|
|
38236
38292
|
"fieldName": "helpTextType",
|
|
38237
38293
|
"inheritedFrom": {
|
|
38238
38294
|
"name": "FormfieldWrapper",
|
|
@@ -38281,6 +38337,8 @@
|
|
|
38281
38337
|
"type": {
|
|
38282
38338
|
"text": "PopoverStrategy"
|
|
38283
38339
|
},
|
|
38340
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
38341
|
+
"default": "'absolute'",
|
|
38284
38342
|
"fieldName": "toggletipStrategy",
|
|
38285
38343
|
"inheritedFrom": {
|
|
38286
38344
|
"name": "FormfieldWrapper",
|
|
@@ -39264,6 +39322,7 @@
|
|
|
39264
39322
|
"text": "ValidationType"
|
|
39265
39323
|
},
|
|
39266
39324
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
39325
|
+
"default": "'default'",
|
|
39267
39326
|
"attribute": "help-text-type",
|
|
39268
39327
|
"reflects": true,
|
|
39269
39328
|
"inheritedFrom": {
|
|
@@ -39671,6 +39730,8 @@
|
|
|
39671
39730
|
"type": {
|
|
39672
39731
|
"text": "PopoverStrategy"
|
|
39673
39732
|
},
|
|
39733
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
39734
|
+
"default": "'absolute'",
|
|
39674
39735
|
"attribute": "toggletip-strategy",
|
|
39675
39736
|
"reflects": true,
|
|
39676
39737
|
"inheritedFrom": {
|
|
@@ -40122,6 +40183,7 @@
|
|
|
40122
40183
|
"text": "ValidationType"
|
|
40123
40184
|
},
|
|
40124
40185
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
40186
|
+
"default": "'default'",
|
|
40125
40187
|
"fieldName": "helpTextType",
|
|
40126
40188
|
"inheritedFrom": {
|
|
40127
40189
|
"name": "FormfieldWrapper",
|
|
@@ -40170,6 +40232,8 @@
|
|
|
40170
40232
|
"type": {
|
|
40171
40233
|
"text": "PopoverStrategy"
|
|
40172
40234
|
},
|
|
40235
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
40236
|
+
"default": "'absolute'",
|
|
40173
40237
|
"fieldName": "toggletipStrategy",
|
|
40174
40238
|
"inheritedFrom": {
|
|
40175
40239
|
"name": "FormfieldWrapper",
|
|
@@ -40756,6 +40820,7 @@
|
|
|
40756
40820
|
"text": "ValidationType"
|
|
40757
40821
|
},
|
|
40758
40822
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
40823
|
+
"default": "'default'",
|
|
40759
40824
|
"attribute": "help-text-type",
|
|
40760
40825
|
"reflects": true,
|
|
40761
40826
|
"inheritedFrom": {
|
|
@@ -41199,6 +41264,8 @@
|
|
|
41199
41264
|
"type": {
|
|
41200
41265
|
"text": "PopoverStrategy"
|
|
41201
41266
|
},
|
|
41267
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
41268
|
+
"default": "'absolute'",
|
|
41202
41269
|
"attribute": "toggletip-strategy",
|
|
41203
41270
|
"reflects": true,
|
|
41204
41271
|
"inheritedFrom": {
|
|
@@ -41688,6 +41755,7 @@
|
|
|
41688
41755
|
"text": "ValidationType"
|
|
41689
41756
|
},
|
|
41690
41757
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
41758
|
+
"default": "'default'",
|
|
41691
41759
|
"fieldName": "helpTextType",
|
|
41692
41760
|
"inheritedFrom": {
|
|
41693
41761
|
"name": "FormfieldWrapper",
|
|
@@ -41736,6 +41804,8 @@
|
|
|
41736
41804
|
"type": {
|
|
41737
41805
|
"text": "PopoverStrategy"
|
|
41738
41806
|
},
|
|
41807
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
41808
|
+
"default": "'absolute'",
|
|
41739
41809
|
"fieldName": "toggletipStrategy",
|
|
41740
41810
|
"inheritedFrom": {
|
|
41741
41811
|
"name": "FormfieldWrapper",
|
|
@@ -41807,7 +41877,7 @@
|
|
|
41807
41877
|
"declarations": [
|
|
41808
41878
|
{
|
|
41809
41879
|
"kind": "class",
|
|
41810
|
-
"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.",
|
|
41880
|
+
"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.\nOptional: Add `mdc-divider` after each option group (`mdc-optgroup`) to separate groups visually.\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.",
|
|
41811
41881
|
"name": "Select",
|
|
41812
41882
|
"cssProperties": [
|
|
41813
41883
|
{
|
|
@@ -42355,6 +42425,7 @@
|
|
|
42355
42425
|
"text": "ValidationType"
|
|
42356
42426
|
},
|
|
42357
42427
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
42428
|
+
"default": "'default'",
|
|
42358
42429
|
"attribute": "help-text-type",
|
|
42359
42430
|
"reflects": true,
|
|
42360
42431
|
"inheritedFrom": {
|
|
@@ -42777,6 +42848,8 @@
|
|
|
42777
42848
|
"type": {
|
|
42778
42849
|
"text": "PopoverStrategy"
|
|
42779
42850
|
},
|
|
42851
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
42852
|
+
"default": "'absolute'",
|
|
42780
42853
|
"attribute": "toggletip-strategy",
|
|
42781
42854
|
"reflects": true,
|
|
42782
42855
|
"inheritedFrom": {
|
|
@@ -43072,6 +43145,7 @@
|
|
|
43072
43145
|
"text": "ValidationType"
|
|
43073
43146
|
},
|
|
43074
43147
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
43148
|
+
"default": "'default'",
|
|
43075
43149
|
"fieldName": "helpTextType",
|
|
43076
43150
|
"inheritedFrom": {
|
|
43077
43151
|
"name": "FormfieldWrapper",
|
|
@@ -43120,6 +43194,8 @@
|
|
|
43120
43194
|
"type": {
|
|
43121
43195
|
"text": "PopoverStrategy"
|
|
43122
43196
|
},
|
|
43197
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
43198
|
+
"default": "'absolute'",
|
|
43123
43199
|
"fieldName": "toggletipStrategy",
|
|
43124
43200
|
"inheritedFrom": {
|
|
43125
43201
|
"name": "FormfieldWrapper",
|
|
@@ -43192,7 +43268,7 @@
|
|
|
43192
43268
|
"module": "/src/components/formfieldwrapper/formfieldwrapper.component"
|
|
43193
43269
|
},
|
|
43194
43270
|
"tagName": "mdc-select",
|
|
43195
|
-
"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 * @
|
|
43271
|
+
"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 * Optional: Add `mdc-divider` after each option group (`mdc-optgroup`) to separate groups visually.\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 * @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 default - This is a default/unnamed slot for Selectlistbox including options and/or option group.\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-required-indicator-color - Color for the required indicator 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 */",
|
|
43196
43272
|
"customElement": true
|
|
43197
43273
|
}
|
|
43198
43274
|
],
|
|
@@ -47126,6 +47202,7 @@
|
|
|
47126
47202
|
"text": "ValidationType"
|
|
47127
47203
|
},
|
|
47128
47204
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
47205
|
+
"default": "'default'",
|
|
47129
47206
|
"attribute": "help-text-type",
|
|
47130
47207
|
"reflects": true,
|
|
47131
47208
|
"inheritedFrom": {
|
|
@@ -47446,6 +47523,8 @@
|
|
|
47446
47523
|
"type": {
|
|
47447
47524
|
"text": "PopoverStrategy"
|
|
47448
47525
|
},
|
|
47526
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
47527
|
+
"default": "'absolute'",
|
|
47449
47528
|
"attribute": "toggletip-strategy",
|
|
47450
47529
|
"reflects": true,
|
|
47451
47530
|
"inheritedFrom": {
|
|
@@ -47794,6 +47873,7 @@
|
|
|
47794
47873
|
"text": "ValidationType"
|
|
47795
47874
|
},
|
|
47796
47875
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
47876
|
+
"default": "'default'",
|
|
47797
47877
|
"fieldName": "helpTextType",
|
|
47798
47878
|
"inheritedFrom": {
|
|
47799
47879
|
"name": "FormfieldWrapper",
|
|
@@ -47842,6 +47922,8 @@
|
|
|
47842
47922
|
"type": {
|
|
47843
47923
|
"text": "PopoverStrategy"
|
|
47844
47924
|
},
|
|
47925
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
47926
|
+
"default": "'absolute'",
|
|
47845
47927
|
"fieldName": "toggletipStrategy",
|
|
47846
47928
|
"inheritedFrom": {
|
|
47847
47929
|
"name": "FormfieldWrapper",
|
|
@@ -48730,6 +48812,7 @@
|
|
|
48730
48812
|
"text": "ValidationType"
|
|
48731
48813
|
},
|
|
48732
48814
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
48815
|
+
"default": "'default'",
|
|
48733
48816
|
"attribute": "help-text-type",
|
|
48734
48817
|
"reflects": true,
|
|
48735
48818
|
"inheritedFrom": {
|
|
@@ -48992,6 +49075,8 @@
|
|
|
48992
49075
|
"type": {
|
|
48993
49076
|
"text": "PopoverStrategy"
|
|
48994
49077
|
},
|
|
49078
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
49079
|
+
"default": "'absolute'",
|
|
48995
49080
|
"attribute": "toggletip-strategy",
|
|
48996
49081
|
"reflects": true,
|
|
48997
49082
|
"inheritedFrom": {
|
|
@@ -49208,6 +49293,7 @@
|
|
|
49208
49293
|
"text": "ValidationType"
|
|
49209
49294
|
},
|
|
49210
49295
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
49296
|
+
"default": "'default'",
|
|
49211
49297
|
"fieldName": "helpTextType",
|
|
49212
49298
|
"inheritedFrom": {
|
|
49213
49299
|
"name": "FormfieldWrapper",
|
|
@@ -49256,6 +49342,8 @@
|
|
|
49256
49342
|
"type": {
|
|
49257
49343
|
"text": "PopoverStrategy"
|
|
49258
49344
|
},
|
|
49345
|
+
"description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
|
|
49346
|
+
"default": "'absolute'",
|
|
49259
49347
|
"fieldName": "toggletipStrategy",
|
|
49260
49348
|
"inheritedFrom": {
|
|
49261
49349
|
"name": "FormfieldWrapper",
|
|
@@ -53850,7 +53938,7 @@
|
|
|
53850
53938
|
"declarations": [
|
|
53851
53939
|
{
|
|
53852
53940
|
"kind": "class",
|
|
53853
|
-
"description": "`mdc-virtualizedlist` is an extension of the `mdc-list` component that adds virtualization capabilities using\nthe Tanstack Virtual library.\n\nThis component is thin wrapper around the Tanstack libray to provide additional funtionalities such as\nkeyboard navigation, focus management, scroll anchoring and accessibility features.\n\nPlease refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n\n## Setup\n\n`virtualizerProps` is a required prop that requires at least
|
|
53941
|
+
"description": "`mdc-virtualizedlist` is an extension of the `mdc-list` component that adds virtualization capabilities using\nthe Tanstack Virtual library.\n\nThis component is thin wrapper around the Tanstack libray to provide additional funtionalities such as\nkeyboard navigation, focus management, scroll anchoring and accessibility features.\n\nPlease refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n\n## Setup\n\n`virtualizerProps` is a required prop that requires at least three properties to be set:\n- `count` is the total number of items in the list\n- `estimateSize` is a function that returns the estimated size (in pixels) of each item in the list\n- `getItemKey` is a function that returns a unique key for each item in the list.\n\n### Render list items\n\nTo keep the component framework-agnostic, the rendering of the list items is left to the consumer.\n\nWe need to render only the visible items. The list of visible items are provided by the `virtualitemschange` event.\nThe event detail contains the `virtualItems` array, which contains the information for the rendering.\nList items must have an `data-index` attribute, the indexes are in the `virtualItems` list.\n\n## Best practices\n\n### List updates\n\nTanstack needs only the count of the items in the list and the size of each item to perform virtualization.\nList updates happens when\n- when `virtualizerProps` property of the component instance changes\n- when `observe-size-changes` is set and the item's size changes (it uses ResizeObserver internally)\n- when `component.visualiser.measure` called manually.\n\n### Header\n\nTo add a header to the list, use the `mdc-listheader` component and place it in the `list-header` slot.\n\n### Lists with dynamic content\n\nUnique keys for the list items are critical for dynamically changing list items or item's content.\nIf the key change with the content it will cause scrollbar and content shuttering.\n\n### Top/Bottom Padding\n\nIf padding is required at the top or the bottom of the list, do not apply padding/margin via CSS since this\nwill break the virtualization calculations and can cause scrollbars when they are not necessary.\nInstead use the `paddingStart` and `paddingEnd` properties (in pixels) of the `virtualizerProps` prop.\n\n### Gaps between items\n\nIf you are adding gaps between items using CSS margin or gap properties, you must provide the same value in pixels\nto the `gap` property of the `virtualizerProps` prop. This ensures that the virtualization calculations are accurate.\nIf you are using CSS margins, ensure that you are not applying the margin to the top of the first or the bottom of the last item.\nIf you need spacing there, use the `paddingStart` and `paddingEnd` properties of the `virtualizerProps` prop.",
|
|
53854
53942
|
"name": "VirtualizedList",
|
|
53855
53943
|
"cssParts": [
|
|
53856
53944
|
{
|
|
@@ -54391,7 +54479,7 @@
|
|
|
54391
54479
|
"module": "/src/components/list/list.component"
|
|
54392
54480
|
},
|
|
54393
54481
|
"tagName": "mdc-virtualizedlist",
|
|
54394
|
-
"jsDoc": "/**\n * `mdc-virtualizedlist` is an extension of the `mdc-list` component that adds virtualization capabilities using\n * the Tanstack Virtual library.\n *\n * This component is thin wrapper around the Tanstack libray to provide additional funtionalities such as\n * keyboard navigation, focus management, scroll anchoring and accessibility features.\n *\n * Please refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n *\n * ## Setup\n *\n * `virtualizerProps` is a required prop that requires at least
|
|
54482
|
+
"jsDoc": "/**\n * `mdc-virtualizedlist` is an extension of the `mdc-list` component that adds virtualization capabilities using\n * the Tanstack Virtual library.\n *\n * This component is thin wrapper around the Tanstack libray to provide additional funtionalities such as\n * keyboard navigation, focus management, scroll anchoring and accessibility features.\n *\n * Please refer to [Tanstack Virtual Docs](https://tanstack.com/virtual/latest) for more in depth documentation.\n *\n * ## Setup\n *\n * `virtualizerProps` is a required prop that requires at least three properties to be set:\n * - `count` is the total number of items in the list\n * - `estimateSize` is a function that returns the estimated size (in pixels) of each item in the list\n * - `getItemKey` is a function that returns a unique key for each item in the list.\n *\n * ### Render list items\n *\n * To keep the component framework-agnostic, the rendering of the list items is left to the consumer.\n *\n * We need to render only the visible items. The list of visible items are provided by the `virtualitemschange` event.\n * The event detail contains the `virtualItems` array, which contains the information for the rendering.\n * List items must have an `data-index` attribute, the indexes are in the `virtualItems` list.\n *\n * ## Best practices\n *\n * ### List updates\n *\n * Tanstack needs only the count of the items in the list and the size of each item to perform virtualization.\n * List updates happens when\n * - when `virtualizerProps` property of the component instance changes\n * - when `observe-size-changes` is set and the item's size changes (it uses ResizeObserver internally)\n * - when `component.visualiser.measure` called manually.\n *\n * ### Header\n *\n * To add a header to the list, use the `mdc-listheader` component and place it in the `list-header` slot.\n *\n * ### Lists with dynamic content\n *\n * Unique keys for the list items are critical for dynamically changing list items or item's content.\n * If the key change with the content it will cause scrollbar and content shuttering.\n *\n * ### Top/Bottom Padding\n *\n * If padding is required at the top or the bottom of the list, do not apply padding/margin via CSS since this\n * will break the virtualization calculations and can cause scrollbars when they are not necessary.\n * Instead use the `paddingStart` and `paddingEnd` properties (in pixels) of the `virtualizerProps` prop.\n *\n * ### Gaps between items\n *\n * If you are adding gaps between items using CSS margin or gap properties, you must provide the same value in pixels\n * to the `gap` property of the `virtualizerProps` prop. This ensures that the virtualization calculations are accurate.\n * If you are using CSS margins, ensure that you are not applying the margin to the top of the first or the bottom of the last item.\n * If you need spacing there, use the `paddingStart` and `paddingEnd` properties of the `virtualizerProps` prop.\n *\n * @tagname mdc-virtualizedlist\n *\n * @event scroll - (React: onScroll) Event that gets called when user scrolls inside of list.\n * @event virtualitemschange - (React: onVirtualItemsChange) Event that gets called when the virtual items change.\n *\n * @slot default - This is a default/unnamed slot, where listitems can be placed.\n * @slot list-header - This slot is used to pass a header for the list, which can be a `mdc-listheader` component.\n *\n * @csspart container - The container of the virtualized list.\n * @csspart scroll - The scrollable area of the virtualized list.\n */",
|
|
54395
54483
|
"customElement": true
|
|
54396
54484
|
}
|
|
54397
54485
|
],
|
|
@@ -4,6 +4,7 @@ import type { Events } from '../../components/select/select.types';
|
|
|
4
4
|
/**
|
|
5
5
|
* The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.
|
|
6
6
|
* It is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.
|
|
7
|
+
* Optional: Add `mdc-divider` after each option group (`mdc-optgroup`) to separate groups visually.
|
|
7
8
|
*
|
|
8
9
|
* Every mdc-option should have a `value` attribute set to ensure proper form submission.
|
|
9
10
|
*
|
|
@@ -22,14 +23,13 @@ import type { Events } from '../../components/select/select.types';
|
|
|
22
23
|
*
|
|
23
24
|
* @tagname mdc-select
|
|
24
25
|
*
|
|
25
|
-
* @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.
|
|
26
|
-
*
|
|
27
26
|
* @event click - (React: onClick) This event is dispatched when the select is clicked.
|
|
28
27
|
* @event change - (React: onChange) This event is dispatched when the select is changed.
|
|
29
28
|
* @event input - (React: onInput) This event is dispatched when the select is changed.
|
|
30
29
|
* @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the select.
|
|
31
30
|
* @event focus - (React: onFocus) This event is dispatched when the select receives focus.
|
|
32
31
|
*
|
|
32
|
+
* @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.
|
|
33
33
|
* @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.
|
|
34
34
|
* @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.
|
|
35
35
|
* @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.
|
|
@@ -5,6 +5,7 @@ import { TAG_NAME } from '../../components/select/select.constants';
|
|
|
5
5
|
/**
|
|
6
6
|
* The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.
|
|
7
7
|
* It is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.
|
|
8
|
+
* Optional: Add `mdc-divider` after each option group (`mdc-optgroup`) to separate groups visually.
|
|
8
9
|
*
|
|
9
10
|
* Every mdc-option should have a `value` attribute set to ensure proper form submission.
|
|
10
11
|
*
|
|
@@ -23,14 +24,13 @@ import { TAG_NAME } from '../../components/select/select.constants';
|
|
|
23
24
|
*
|
|
24
25
|
* @tagname mdc-select
|
|
25
26
|
*
|
|
26
|
-
* @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.
|
|
27
|
-
*
|
|
28
27
|
* @event click - (React: onClick) This event is dispatched when the select is clicked.
|
|
29
28
|
* @event change - (React: onChange) This event is dispatched when the select is changed.
|
|
30
29
|
* @event input - (React: onInput) This event is dispatched when the select is changed.
|
|
31
30
|
* @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the select.
|
|
32
31
|
* @event focus - (React: onFocus) This event is dispatched when the select receives focus.
|
|
33
32
|
*
|
|
33
|
+
* @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.
|
|
34
34
|
* @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.
|
|
35
35
|
* @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.
|
|
36
36
|
* @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.
|