@vaadin/multi-select-combo-box 25.2.0-alpha1 → 25.2.0-alpha2
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/custom-elements.json +217 -0
- package/package.json +15 -15
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -899,6 +899,34 @@
|
|
|
899
899
|
"description": "`<vaadin-multi-select-combo-box>` is a web component that wraps `<vaadin-combo-box>` and extends\nits functionality to allow selecting multiple items, in addition to basic features.\n\n```html\n<vaadin-multi-select-combo-box id=\"comboBox\"></vaadin-multi-select-combo-box>\n```\n\n```js\nconst comboBox = document.querySelector('#comboBox');\ncomboBox.items = ['apple', 'banana', 'lemon', 'orange'];\ncomboBox.selectedItems = ['lemon', 'orange'];\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------------|----------------\n`chips` | The element that wraps slotted chips for selected items\n`label` | The label element\n`input-field` | The element that wraps prefix, value and suffix\n`field-button` | Set on both clear and toggle buttons\n`clear-button` | The clear button\n`error-message` | The error message element\n`helper-text` | The helper text element wrapper\n`required-indicator` | The `required` state indicator element\n`toggle-button` | The toggle button\n`overlay` | The overlay container\n`content` | The overlay content\n`loader` | The loading indicator shown while loading items\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------------|-----------------\n`disabled` | Set to a disabled element\n`has-value` | Set when the element has a value\n`has-label` | Set when the element has a label\n`has-helper` | Set when the element has helper text or slot\n`has-error-message` | Set when the element has an error message\n`has-tooltip` | Set when the element has a slotted tooltip\n`invalid` | Set when the element is invalid\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`loading` | Set when loading items from the data provider\n`opened` | Set when the dropdown is open\n`readonly` | Set to a readonly element\n\nThe following custom CSS properties are available for styling:\n\nCustom property | Description | Default\n-----------------------------------------------------|----------------------------|--------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n`--vaadin-multi-select-combo-box-overlay-width` | Width of the overlay | `auto`\n`--vaadin-multi-select-combo-box-overlay-max-height` | Max height of the overlay | `65vh`\n`--vaadin-multi-select-combo-box-input-min-width` | Min width of the input | `4em`\n\n### Internal components\n\nIn addition to `<vaadin-multi-select-combo-box>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-multi-select-combo-box-chip>`\n- `<vaadin-multi-select-combo-box-item>` - has the same API as `<vaadin-item>`.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
900
900
|
"name": "MultiSelectComboBox",
|
|
901
901
|
"members": [
|
|
902
|
+
{
|
|
903
|
+
"kind": "field",
|
|
904
|
+
"name": "accessibleName",
|
|
905
|
+
"privacy": "public",
|
|
906
|
+
"type": {
|
|
907
|
+
"text": "string"
|
|
908
|
+
},
|
|
909
|
+
"description": "String used to label the component to screen reader users.",
|
|
910
|
+
"attribute": "accessible-name",
|
|
911
|
+
"inheritedFrom": {
|
|
912
|
+
"name": "FieldMixin",
|
|
913
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
914
|
+
}
|
|
915
|
+
},
|
|
916
|
+
{
|
|
917
|
+
"kind": "field",
|
|
918
|
+
"name": "accessibleNameRef",
|
|
919
|
+
"privacy": "public",
|
|
920
|
+
"type": {
|
|
921
|
+
"text": "string"
|
|
922
|
+
},
|
|
923
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
924
|
+
"attribute": "accessible-name-ref",
|
|
925
|
+
"inheritedFrom": {
|
|
926
|
+
"name": "FieldMixin",
|
|
927
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
928
|
+
}
|
|
929
|
+
},
|
|
902
930
|
{
|
|
903
931
|
"kind": "field",
|
|
904
932
|
"name": "allowCustomValue",
|
|
@@ -955,6 +983,20 @@
|
|
|
955
983
|
"module": "src/vaadin-multi-select-combo-box-mixin.js"
|
|
956
984
|
}
|
|
957
985
|
},
|
|
986
|
+
{
|
|
987
|
+
"kind": "field",
|
|
988
|
+
"name": "autoOpenDisabled",
|
|
989
|
+
"privacy": "public",
|
|
990
|
+
"type": {
|
|
991
|
+
"text": "boolean"
|
|
992
|
+
},
|
|
993
|
+
"description": "Set true to prevent the overlay from opening automatically.",
|
|
994
|
+
"attribute": "auto-open-disabled",
|
|
995
|
+
"inheritedFrom": {
|
|
996
|
+
"name": "ComboBoxBaseMixin",
|
|
997
|
+
"package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
|
|
998
|
+
}
|
|
999
|
+
},
|
|
958
1000
|
{
|
|
959
1001
|
"kind": "field",
|
|
960
1002
|
"name": "autoselect",
|
|
@@ -992,6 +1034,20 @@
|
|
|
992
1034
|
"module": "src/vaadin-multi-select-combo-box-mixin.js"
|
|
993
1035
|
}
|
|
994
1036
|
},
|
|
1037
|
+
{
|
|
1038
|
+
"kind": "field",
|
|
1039
|
+
"name": "clearButtonVisible",
|
|
1040
|
+
"privacy": "public",
|
|
1041
|
+
"type": {
|
|
1042
|
+
"text": "boolean"
|
|
1043
|
+
},
|
|
1044
|
+
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
1045
|
+
"attribute": "clear-button-visible",
|
|
1046
|
+
"inheritedFrom": {
|
|
1047
|
+
"name": "ClearButtonMixin",
|
|
1048
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
1049
|
+
}
|
|
1050
|
+
},
|
|
995
1051
|
{
|
|
996
1052
|
"kind": "method",
|
|
997
1053
|
"name": "clearCache",
|
|
@@ -1001,6 +1057,15 @@
|
|
|
1001
1057
|
"package": "@vaadin/combo-box/src/vaadin-combo-box-data-provider-mixin.js"
|
|
1002
1058
|
}
|
|
1003
1059
|
},
|
|
1060
|
+
{
|
|
1061
|
+
"kind": "method",
|
|
1062
|
+
"name": "close",
|
|
1063
|
+
"description": "Closes the dropdown list.",
|
|
1064
|
+
"inheritedFrom": {
|
|
1065
|
+
"name": "ComboBoxBaseMixin",
|
|
1066
|
+
"package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
|
|
1067
|
+
}
|
|
1068
|
+
},
|
|
1004
1069
|
{
|
|
1005
1070
|
"kind": "field",
|
|
1006
1071
|
"name": "dataProvider",
|
|
@@ -1015,6 +1080,20 @@
|
|
|
1015
1080
|
"package": "@vaadin/combo-box/src/vaadin-combo-box-data-provider-mixin.js"
|
|
1016
1081
|
}
|
|
1017
1082
|
},
|
|
1083
|
+
{
|
|
1084
|
+
"kind": "field",
|
|
1085
|
+
"name": "errorMessage",
|
|
1086
|
+
"privacy": "public",
|
|
1087
|
+
"type": {
|
|
1088
|
+
"text": "string"
|
|
1089
|
+
},
|
|
1090
|
+
"description": "Error to show when the field is invalid.",
|
|
1091
|
+
"attribute": "error-message",
|
|
1092
|
+
"inheritedFrom": {
|
|
1093
|
+
"name": "FieldMixin",
|
|
1094
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1095
|
+
}
|
|
1096
|
+
},
|
|
1018
1097
|
{
|
|
1019
1098
|
"kind": "field",
|
|
1020
1099
|
"name": "filter",
|
|
@@ -1043,6 +1122,20 @@
|
|
|
1043
1122
|
"package": "@vaadin/combo-box/src/vaadin-combo-box-items-mixin.js"
|
|
1044
1123
|
}
|
|
1045
1124
|
},
|
|
1125
|
+
{
|
|
1126
|
+
"kind": "field",
|
|
1127
|
+
"name": "helperText",
|
|
1128
|
+
"privacy": "public",
|
|
1129
|
+
"type": {
|
|
1130
|
+
"text": "string"
|
|
1131
|
+
},
|
|
1132
|
+
"description": "String used for the helper text.",
|
|
1133
|
+
"attribute": "helper-text",
|
|
1134
|
+
"inheritedFrom": {
|
|
1135
|
+
"name": "FieldMixin",
|
|
1136
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1137
|
+
}
|
|
1138
|
+
},
|
|
1046
1139
|
{
|
|
1047
1140
|
"kind": "field",
|
|
1048
1141
|
"name": "i18n",
|
|
@@ -1155,6 +1248,20 @@
|
|
|
1155
1248
|
"module": "src/vaadin-multi-select-combo-box-mixin.js"
|
|
1156
1249
|
}
|
|
1157
1250
|
},
|
|
1251
|
+
{
|
|
1252
|
+
"kind": "field",
|
|
1253
|
+
"name": "label",
|
|
1254
|
+
"privacy": "public",
|
|
1255
|
+
"type": {
|
|
1256
|
+
"text": "string"
|
|
1257
|
+
},
|
|
1258
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
1259
|
+
"attribute": "label",
|
|
1260
|
+
"inheritedFrom": {
|
|
1261
|
+
"name": "FieldMixin",
|
|
1262
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1263
|
+
}
|
|
1264
|
+
},
|
|
1158
1265
|
{
|
|
1159
1266
|
"kind": "field",
|
|
1160
1267
|
"name": "loading",
|
|
@@ -1192,6 +1299,20 @@
|
|
|
1192
1299
|
"module": "src/vaadin-multi-select-combo-box-mixin.js"
|
|
1193
1300
|
}
|
|
1194
1301
|
},
|
|
1302
|
+
{
|
|
1303
|
+
"kind": "field",
|
|
1304
|
+
"name": "opened",
|
|
1305
|
+
"privacy": "public",
|
|
1306
|
+
"type": {
|
|
1307
|
+
"text": "boolean"
|
|
1308
|
+
},
|
|
1309
|
+
"description": "True if the dropdown is open, false otherwise.",
|
|
1310
|
+
"attribute": "opened",
|
|
1311
|
+
"inheritedFrom": {
|
|
1312
|
+
"name": "ComboBoxBaseMixin",
|
|
1313
|
+
"package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
|
|
1314
|
+
}
|
|
1315
|
+
},
|
|
1195
1316
|
{
|
|
1196
1317
|
"kind": "field",
|
|
1197
1318
|
"name": "pageSize",
|
|
@@ -1402,6 +1523,30 @@
|
|
|
1402
1523
|
"tagName": "vaadin-multi-select-combo-box",
|
|
1403
1524
|
"customElement": true,
|
|
1404
1525
|
"attributes": [
|
|
1526
|
+
{
|
|
1527
|
+
"name": "accessible-name",
|
|
1528
|
+
"type": {
|
|
1529
|
+
"text": "string"
|
|
1530
|
+
},
|
|
1531
|
+
"description": "String used to label the component to screen reader users.",
|
|
1532
|
+
"fieldName": "accessibleName",
|
|
1533
|
+
"inheritedFrom": {
|
|
1534
|
+
"name": "FieldMixin",
|
|
1535
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1536
|
+
}
|
|
1537
|
+
},
|
|
1538
|
+
{
|
|
1539
|
+
"name": "accessible-name-ref",
|
|
1540
|
+
"type": {
|
|
1541
|
+
"text": "string"
|
|
1542
|
+
},
|
|
1543
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
1544
|
+
"fieldName": "accessibleNameRef",
|
|
1545
|
+
"inheritedFrom": {
|
|
1546
|
+
"name": "FieldMixin",
|
|
1547
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1548
|
+
}
|
|
1549
|
+
},
|
|
1405
1550
|
{
|
|
1406
1551
|
"name": "allow-custom-value",
|
|
1407
1552
|
"type": {
|
|
@@ -1450,6 +1595,18 @@
|
|
|
1450
1595
|
"module": "src/vaadin-multi-select-combo-box-mixin.js"
|
|
1451
1596
|
}
|
|
1452
1597
|
},
|
|
1598
|
+
{
|
|
1599
|
+
"name": "auto-open-disabled",
|
|
1600
|
+
"type": {
|
|
1601
|
+
"text": "boolean"
|
|
1602
|
+
},
|
|
1603
|
+
"description": "Set true to prevent the overlay from opening automatically.",
|
|
1604
|
+
"fieldName": "autoOpenDisabled",
|
|
1605
|
+
"inheritedFrom": {
|
|
1606
|
+
"name": "ComboBoxBaseMixin",
|
|
1607
|
+
"package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
|
|
1608
|
+
}
|
|
1609
|
+
},
|
|
1453
1610
|
{
|
|
1454
1611
|
"name": "autoselect",
|
|
1455
1612
|
"type": {
|
|
@@ -1462,6 +1619,18 @@
|
|
|
1462
1619
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
1463
1620
|
}
|
|
1464
1621
|
},
|
|
1622
|
+
{
|
|
1623
|
+
"name": "clear-button-visible",
|
|
1624
|
+
"type": {
|
|
1625
|
+
"text": "boolean"
|
|
1626
|
+
},
|
|
1627
|
+
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
1628
|
+
"fieldName": "clearButtonVisible",
|
|
1629
|
+
"inheritedFrom": {
|
|
1630
|
+
"name": "ClearButtonMixin",
|
|
1631
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
1632
|
+
}
|
|
1633
|
+
},
|
|
1465
1634
|
{
|
|
1466
1635
|
"name": "data-provider",
|
|
1467
1636
|
"type": {
|
|
@@ -1474,6 +1643,18 @@
|
|
|
1474
1643
|
"package": "@vaadin/combo-box/src/vaadin-combo-box-data-provider-mixin.js"
|
|
1475
1644
|
}
|
|
1476
1645
|
},
|
|
1646
|
+
{
|
|
1647
|
+
"name": "error-message",
|
|
1648
|
+
"type": {
|
|
1649
|
+
"text": "string"
|
|
1650
|
+
},
|
|
1651
|
+
"description": "Error to show when the field is invalid.",
|
|
1652
|
+
"fieldName": "errorMessage",
|
|
1653
|
+
"inheritedFrom": {
|
|
1654
|
+
"name": "FieldMixin",
|
|
1655
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1656
|
+
}
|
|
1657
|
+
},
|
|
1477
1658
|
{
|
|
1478
1659
|
"name": "filter",
|
|
1479
1660
|
"type": {
|
|
@@ -1486,6 +1667,18 @@
|
|
|
1486
1667
|
"package": "@vaadin/combo-box/src/vaadin-combo-box-items-mixin.js"
|
|
1487
1668
|
}
|
|
1488
1669
|
},
|
|
1670
|
+
{
|
|
1671
|
+
"name": "helper-text",
|
|
1672
|
+
"type": {
|
|
1673
|
+
"text": "string"
|
|
1674
|
+
},
|
|
1675
|
+
"description": "String used for the helper text.",
|
|
1676
|
+
"fieldName": "helperText",
|
|
1677
|
+
"inheritedFrom": {
|
|
1678
|
+
"name": "FieldMixin",
|
|
1679
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1680
|
+
}
|
|
1681
|
+
},
|
|
1489
1682
|
{
|
|
1490
1683
|
"name": "i18n",
|
|
1491
1684
|
"type": {
|
|
@@ -1546,6 +1739,18 @@
|
|
|
1546
1739
|
"module": "src/vaadin-multi-select-combo-box-mixin.js"
|
|
1547
1740
|
}
|
|
1548
1741
|
},
|
|
1742
|
+
{
|
|
1743
|
+
"name": "label",
|
|
1744
|
+
"type": {
|
|
1745
|
+
"text": "string"
|
|
1746
|
+
},
|
|
1747
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
1748
|
+
"fieldName": "label",
|
|
1749
|
+
"inheritedFrom": {
|
|
1750
|
+
"name": "FieldMixin",
|
|
1751
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1752
|
+
}
|
|
1753
|
+
},
|
|
1549
1754
|
{
|
|
1550
1755
|
"name": "loading",
|
|
1551
1756
|
"type": {
|
|
@@ -1570,6 +1775,18 @@
|
|
|
1570
1775
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
1571
1776
|
}
|
|
1572
1777
|
},
|
|
1778
|
+
{
|
|
1779
|
+
"name": "opened",
|
|
1780
|
+
"type": {
|
|
1781
|
+
"text": "boolean"
|
|
1782
|
+
},
|
|
1783
|
+
"description": "True if the dropdown is open, false otherwise.",
|
|
1784
|
+
"fieldName": "opened",
|
|
1785
|
+
"inheritedFrom": {
|
|
1786
|
+
"name": "ComboBoxBaseMixin",
|
|
1787
|
+
"package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
|
|
1788
|
+
}
|
|
1789
|
+
},
|
|
1573
1790
|
{
|
|
1574
1791
|
"name": "page-size",
|
|
1575
1792
|
"type": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/multi-select-combo-box",
|
|
3
|
-
"version": "25.2.0-
|
|
3
|
+
"version": "25.2.0-alpha2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,23 +37,23 @@
|
|
|
37
37
|
],
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
40
|
-
"@vaadin/a11y-base": "25.2.0-
|
|
41
|
-
"@vaadin/combo-box": "25.2.0-
|
|
42
|
-
"@vaadin/component-base": "25.2.0-
|
|
43
|
-
"@vaadin/field-base": "25.2.0-
|
|
44
|
-
"@vaadin/input-container": "25.2.0-
|
|
45
|
-
"@vaadin/item": "25.2.0-
|
|
46
|
-
"@vaadin/lit-renderer": "25.2.0-
|
|
47
|
-
"@vaadin/overlay": "25.2.0-
|
|
48
|
-
"@vaadin/vaadin-themable-mixin": "25.2.0-
|
|
40
|
+
"@vaadin/a11y-base": "25.2.0-alpha2",
|
|
41
|
+
"@vaadin/combo-box": "25.2.0-alpha2",
|
|
42
|
+
"@vaadin/component-base": "25.2.0-alpha2",
|
|
43
|
+
"@vaadin/field-base": "25.2.0-alpha2",
|
|
44
|
+
"@vaadin/input-container": "25.2.0-alpha2",
|
|
45
|
+
"@vaadin/item": "25.2.0-alpha2",
|
|
46
|
+
"@vaadin/lit-renderer": "25.2.0-alpha2",
|
|
47
|
+
"@vaadin/overlay": "25.2.0-alpha2",
|
|
48
|
+
"@vaadin/vaadin-themable-mixin": "25.2.0-alpha2",
|
|
49
49
|
"lit": "^3.0.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@vaadin/aura": "25.2.0-
|
|
53
|
-
"@vaadin/chai-plugins": "25.2.0-
|
|
54
|
-
"@vaadin/test-runner-commands": "25.2.0-
|
|
52
|
+
"@vaadin/aura": "25.2.0-alpha2",
|
|
53
|
+
"@vaadin/chai-plugins": "25.2.0-alpha2",
|
|
54
|
+
"@vaadin/test-runner-commands": "25.2.0-alpha2",
|
|
55
55
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
56
|
-
"@vaadin/vaadin-lumo-styles": "25.2.0-
|
|
56
|
+
"@vaadin/vaadin-lumo-styles": "25.2.0-alpha2",
|
|
57
57
|
"sinon": "^21.0.2"
|
|
58
58
|
},
|
|
59
59
|
"customElements": "custom-elements.json",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"web-types.json",
|
|
62
62
|
"web-types.lit.json"
|
|
63
63
|
],
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "34c9b41017bd4896f6e4b250ba50d1dd8535a061"
|
|
65
65
|
}
|
package/web-types.json
CHANGED
package/web-types.lit.json
CHANGED